效果预览:https://github.io/archives/index.html

准备:
1. 一台Windows电脑。
2. GitHub账号。
3. 使用Hexo框架搭建网站。

安装过程:

(1)Node.js安装:
按照安装过程依次点击即可,安装过程很简单。

(2)Git安装:
按照网上的安装方式进行安装就可以了。

参考网址:
- Git安装:https://www.cnblogs.com/ximiaomiao/p/714456.html
- SSH-key生成:http://anfengge.com/sing-ssh-key-link-githb-photo-tor.html

(3)安装Hexo:

检测Node.js是否安装成功:

node -v
npm -v


安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

npm install -g cnpm –registry=https://registry.npm.taobao.org


创建一个本地文件夹并将该文件夹命名为Blog。

进入该文件夹,并在终端中输入以下命令:

hexo init


然后通过以下代码安装依赖包:

cnpm install


开始建立自己的GitHub仓库:

1. 打开浏览器并浏览到:https://github.com/
2. 注册一个新的账户(如果你还没有的话)。
3. 前往个人主页,点击“New repository”按钮。
4. 输入仓库名称,例如你的用户名加github.io(例如:hansongithub.io)。

在本地的Blog目录下安装一个Hexo部署插件:

cnpm install –save hexo-deployer-git


找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。注:Visual Studio Code的好处包括:
1. 支持的语言种类多。
2. 视图简洁。
3. 拥有插件种类多。

找到这部分代码:

Deployment

Docs: https://hexo.io/docs/deployment.html

deploy:
type: git
repo: # GitHub
branch: [branch-name] # default: master


对这段代码进行更改:
1. `type`改为你自己的名字,建议写成git方便识别。
2. `repo`仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了。
3. `branch`分支这里设置管理员master。

更改正则后保存。

然后在本地的Blog目录下输入以下命令部署到GitHub中:

hexo d


接下来通过访问https://+你的用户名.github.io/就可以访问部署到GitHub上的Blog了(例如:https://hansongithub.io)。

进一步深化操作过程(更换网站主题):

1. 下载一个你喜欢的Hexo主题,例如yilia。
2. 在本地的Blog目录下使用以下命令克隆主题到本地:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia


3. 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。

4. 寻找这部分代码(即theme)并修改为刚刚下载的主题名:

Theme

theme: yilia


5. 输入以下命令清除数据库:

hexo clean


6. 生成静态网站:

hexo generate


7. 将现在的文件部署到GitHub中,这样就实现了主题的更改。