利用Hexo与Github构建个人主页

前置工作

建议熟悉如何使用梯子

注册一个Github账号，并新建一个版本库,命名为：<Github用户名>.github.io

安装Node.js以及Git

安装Hexo

打开搜索框(一般在电脑左下角)搜索cmd并打开，输入以下句子

npm install -g hexo-cli

如果速度较慢可以切换为国内镜像，将上述nmp改为cnmp即可

初始化主页

在一个合适的地方新建一个文件夹，在终端定位至该文件夹，输入：

hexo init

具体：打开cmd，进入文件夹(以文件夹名称为Githubblog为例)，输入：

cd Githubblog

注：GithubBlog的大多数实际地址类似 C:\Users\32608\Documents\GithubBlog 这样的，那么我们需要逐级进入

如果需要退回至上一级，则输入：

cd ..

安装完成以后，文件夹中将会多出若干文件

_config.yml文件配置

完整文件配置详见Configuration|Hexo

主要文件配置：

写作

可以通过多款软件协助编辑，我使用的为vscode

假定您已经配置好了vscode

点击左上角文件，并选择打开文件夹，打开您之前新建的文件(比如GithubBlog),之后的显示类似如下：

如果没有vscode的话，也可以使用其他markdown编辑器如typora直接编辑(例如您可以直接进入source/_posts找到相关文件)

在source的_post目录下面，你可以新建以.md结尾的文件，每一个文件都是一篇文章

命令行中输入以预览效果：

hexo s

发布

需要配置好Git如ssh等信息

我采用的是一个较为简单的做法，即在本地渲染后再同步

安装hexo-deployer-git

npm install hexo-deployer-git --save

在_comfig.yml中修改配置(注意不是themes中的config.yml,而是根目录下的)

在deploy项处修改配置

deploy:
  type: git
  repo: https://github.com/<username>/<project>
  # 这里指你个人网站的版本库地址。上述示例是https方式，但目前建议使用ssh方式：
  # repo: git@github.com:<username>/<project>
  branch: gh-pages

输入以下完成渲染(需要等待几分钟网页才会显示修改后的样式)

hexo clean
hexo deploy