GitHub+Hexo搭建个人博客

2018-06-22 阅读量

准备工作

需要git、nodejs、以及hexo，所以首先需要有一个github账号，没有的话去注册一个；

环境（以下是我用的环境，视情况而定，没必要要求）：

win10
node：v10.4.1
git：2.17.1.windows.2
hexo: 3.7.1

搭建博客

一：创建仓库

新建一个仓库，仓库名必须是”你的用户名.github.io”格式，比如说，如果你的github用户名是test，那么你就新建test.github.io的仓库，将来你的网站访问地址就是 https://test.github.io 了。

二：配置SSH key

因为你提交代码肯定要拥有你的github权限才可以，但是直接使用用户名和密码太不安全了，所以我们使用ssh key来解决本地和服务器的连接问题。

1	$ ssh-keygen -t rsa -C "邮件地址"

然后连续3次回车，最终会生成一个文件在用户目录下，打开用户目录，找到.ssh\id_rsa.pub文件，记事本打开并复制里面的内容，打开你的github主页，进入个人设置 -> SSH and GPG keys -> New SSH key，将刚复制的内容粘贴到key那里，title随便填，保存。

三：测试是否成功

测试：

1	$ ssh -T git@github.com

如果提示Are you sure you want to continue connecting (yes/no)?，输入yes，然后会看到：
Hi lostPontifex! You’ve successfully authenticated, but GitHub does not provide shell access.
看到类似于这个信息就说明SSH配置成功！
但是此时你还需要关联自己的GitHub

1 2	$ git config --global user.name "你的用户名"// 你的github用户名，非昵称 $ git config --global user.email "你的邮箱"// 填写你的github注册邮箱

四：安装Hexo

安装Hexo

1	$ npm install -g hexo

在电脑的某个地方新建一个名为hexo的文件夹（名字可以随便取），比如我的是F:\Hexo，由于这个文件夹将来就作为你存放代码的地方，所以最好不要随便放。
进入这个文件夹，打开git bash命令行进行初始化，执行这个初始化命令，hexo会自动下载对应的目录结构的文件

1
2
3

$ hexo init
$ hexo g # 在public文件夹生成相关html文件，这些文件将来都是要提交到github去的
$ hexo s # 开启本地预览服务，打开浏览器访问 http://localhost:4000 即可看到内容

五：修改主题（认为默认主题可以接受的，略过此步骤）

我觉得一款差不多的主题hexo-theme-yilia
先下载这个主题，在themes目录下

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

然后修改_config.yml中的theme: landscape改为theme: yilia，然后重新执行hexo g来重新生成。

六：上传到GitHub

首先，ssh key肯定要配置好。

其次，配置_config.yml中有关deploy的部分

deploy:
    type: git
    repository: git@github.com:liuxianan/liuxianan.github.io.git
    branch: master

安装一个插件，不然执行hexo d的时候会出错

1	$ npm install hexo-deployer-git --save

最后，执行hexo d命令，到此，一个GitHub+hexo搭建的个人博客就成功了