效果预览:https://jeremcol.
githb.
io/archives/index.
html
准备:
- Windows电脑
- GitHub账号
- 使用hexo框架搭建Blog软件
过程如下:
安装步骤:(1)Node.js https://nodejs.org/en/
(2)Git https://git-scm.com/
参考网址:
- Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
- SSH Key配置教程:https://guge.ren/qikai123/blog/show/104
检测node安装是否成功:
node -v # 输回版本号
npm -v # 输回版本号
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org
初始化一个空目录,打开cmd命令行工具,切换到该空目录。
安装hexo:
cnpm install hexo-cli -g
hexo init
cd 模板文件夹名称 # 防止默认生成名为 "hexo" 的文件夹
npm install
配置_config.yml文件:
- 编辑_config.yml文件,添加如下内容:
theme: landscape
- 设置站点编码为UTF-8:
language: zh-CN
在Blog目录下安装一个git部署插件:
npm install hexo-deployer-git --save
生成静态文件,将生成的网站保存到指定目录:
cd public # 进入publish文件夹
hexo generate
cp -r 网站名称 文件夹名称 # 把hexo生成的html文件复制到指定文件夹
启动本地服务器预览效果:
hexo serve
将Hexo网站部署到GitHub Pages:
- 打开_config.yml文件,找到以下信息:
deploy: type: git
- 修改以上代码,配置如下:
deploy: type: git repo: <github账号>:<仓库名>.git branch: master
其中,repo字段改为你的GitHub网址和仓库名(注意:替换yourname为你的用户名),然后需要安装部署插件:
npm install hexo-deployer-git --save
最后,执行以下命令将博客内容推送到GitHub Pages:
hexo deploy # 或者直接使用 git push origin master
这样就可以访问到你自己的网站了。
通过以上步骤,我们可以快速构建一个属于自己的个人网站。希望本文对你有所帮助。