最新GitHub+HEXO搭建博客
一、 搭建GitHub Pages
0x01 注册一个GitHub账号(已注册跳过这一步),并登录
0x02 创建仓库
1 、点击“NEW”
![](https://img.haomeiwen.com/i18327817/692c463a2ca61fec.png)
2、填写的仓库名为“用户名.github.io”,用户名一定要和左边用户名一样(切记),不然后面会出错
![](https://img.haomeiwen.com/i18327817/79a68ae93e05a7e2.png)
0x03 启用Github Pages
1、点击“Settings”进入设置
![](https://img.haomeiwen.com/i18327817/3f5c5068f39128c2.png)
2、往下拉找到“GitHub Pages”,显示如图这样,说明已开启(一般创建完成之后都会默认自动开启)
![](https://img.haomeiwen.com/i18327817/2925986f1755c993.png)
0x04 选择主题
1、点击“Choose a theme”选择主题
![](https://img.haomeiwen.com/i18327817/efb99ca78a71e6ab.png)
2、任意选择一个主题,然后点击“select theme”
![](https://img.haomeiwen.com/i18327817/c92ee94ad1a8d93b.png)
0x05 下载安装Git和node.js
1、安装Node.js和配置好Node.js环境,打开cmd命令行,成功界面如下
![](https://img.haomeiwen.com/i18327817/7300fb1f61acfc74.png)
2、安装Git和配置好Git环境,安装成功在电脑桌面上任何位置鼠标右键能够出现如下两个选择
![](https://img.haomeiwen.com/i18327817/c0fd8749dd671aa8.png)
二、HEXO
0x01 安装HEXO
1、在自己认为合适的地方创建文件夹,然后在此文件夹下右击鼠标,选择“Git Bash here”
![](https://img.haomeiwen.com/i18327817/fb933340bfb764ce.png)
2、输入 npm install -g hexo进行安装
![](https://img.haomeiwen.com/i18327817/a59cef9d6b69dfa6.png)
然后使用 hexo -v ,出现下面界面说明安装成功
![](https://img.haomeiwen.com/i18327817/ba6393c13d78167a.png)
3、输入 hexo init 初始化文件夹(漫长的等待·······)
![](https://img.haomeiwen.com/i18327817/27267f042046fe1c.png)
看到最后的“Start blogging with Hexo!”,有没有鸡冻····
![](https://img.haomeiwen.com/i18327817/25acf0afd4a41322.png)
4、输入 npm install,安装所需组件
![](https://img.haomeiwen.com/i18327817/f5050b65118b4306.png)
5、输入 hexo g ,第一次体验hexo(第一次就这样没了(╥╯^╰╥))
![](https://img.haomeiwen.com/i18327817/5622ad1d0238db10.png)
6、 输入hexo s,启动本地服务器,通过访问 http://localhost:4000,正式体验Hexo(前戏结束,正式开始o(* ̄︶ ̄*)o)
![](https://img.haomeiwen.com/i18327817/83373de6cce2887e.png)
成功了!
![](https://img.haomeiwen.com/i18327817/67002143244c345f.png)
0x02 更换主题
1、安装主题(yilia)
使用命令
hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
![](https://img.haomeiwen.com/i18327817/0efb97c8c7f72080.png)
2、启动主题
找到目录下的_config.yml 文件,打开找到 theme:属性,并设置为yilia
3、更新主题
cd themes/yilia
git pull
hexo g
hexo s
使用localhost:4000查看新主题!
三、部署到GitHub
0x01 使用Hexo deploy部署到GitHub
1、编辑根目录下_config.yml文件,添加如下代码(sunkeepero换成自己的用户名),并进行保存
![](https://img.haomeiwen.com/i18327817/b482559c93b1c682.png)
2、安装一个扩展
![](https://img.haomeiwen.com/i18327817/b600b91a3b2b682f.png)
0x02 检查SSH Keys设置
1、输入cd ~/.ssh
如果出现入下图情况,说明不存在.ssh
![](https://img.haomeiwen.com/i18327817/9e099d099bfc81d6.png)
解决方法:输入 $ ssh-keygen -t rsa -C "xxxxxxx@qq.com"(自己邮箱)
![](https://img.haomeiwen.com/i18327817/06d4c8f41cfe3162.png)
再次如下图进行操作,出现相同文件说明成功
![](https://img.haomeiwen.com/i18327817/7eb899846b9bb4c1.png)
2、输入eval "$(ssh-agent -s)",添加密钥到ssh-agent
![](https://img.haomeiwen.com/i18327817/e6ab53b5f1e36288.png)
3、再输入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent
![](https://img.haomeiwen.com/i18327817/a5069b75a3142ce5.png)
0x02 添加SSH Key到Github
1、点击“settings”
![](https://img.haomeiwen.com/i18327817/80cb1141b26e3b8d.png)
2、点击“SSH and GPG keys”,然后点击“New SSH key”新建SSH keys
![](https://img.haomeiwen.com/i18327817/06a546f623d53fb8.png)
3、填写key
![](https://img.haomeiwen.com/i18327817/75b8327db278f6be.png)
4、输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了(有一个会让你输入 yes)
![](https://img.haomeiwen.com/i18327817/d4ad9d9adbf18ba3.png)
5、设置你的账号信息
![](https://img.haomeiwen.com/i18327817/4cdaf6e42ec4390f.png)
0x03 部署到github
hexo d -g
![](https://img.haomeiwen.com/i18327817/00da04ebbe90f364.png)
使用 sunkeepero.github.io 即可访问自己博客