Github + Hexo 搭建个人博客

 参考博客：

我是如何利用Github Pages搭建起我的博客，细数一路的坑

使用Hexo+Github一步步搭建属于自己的博客（基础）

Hexo

 

准备工作：

本机已安装好 git, npm 和 node

上面3个没弄好的，请自行百度~

 

github创建项目：

1.github创建了账号和项目，项目必须要遵守格式：账户名.github.io。并且需要勾选Initialize this repository with a README

 

 

2.点击项目中的Settings 菜单栏，向下拉到GitHub Pages，你会看到那边有个网址，访问它，你将会惊奇的发现该项目已经被部署到网络上，能够通过外网来访问它。 

 

 

 Hexo相关操作

1.安装 Hexo

$ npm install -g hexo-cli

 安装完后，执行 hexo -v 可检查是否安装成功。

 

 

2.初始化 Hexo

$ hexo init

 

3.安装所需要的插件

$ npm install

 

 4.首次体验Hexo

$ hexo g

 

5.开启服务器

$ hexo s

 

此时访问 http://localhost:4000/ 如下图

 

将Hexo与Github page联系起来

1.设置Git的user name和email（如果是第一次的话）

在你的博客文件夹（我对应的文件夹名称是seseblog）下面，鼠标右键，点击Git Base Here，执行下面的命令

$ git config --global user.name "你的github用户名"
$ git config --global user.email "你的github邮箱"

 

 

2.输入 ssh-keygen -t rsa -C “你的邮箱”，连续三个回车，生成密钥，最后得到了两个文件：id_rsa和id_rsa.pub

 

 

3.添加密钥到ssh-agent

$ eval "$(ssh-agent -s)"

 

4.添加生成的SSH key到ssh-agent

$ ssh-add ~/.ssh/id_rsa

 

5. 登录Github，点击头像下的settings，添加ssh

 

 

 

6.新建一个new ssh key，将id_rsa.pub文件里的内容复制上去

 

7.测试添加ssh是否成功

$ ssh -T git@github.com

如果看到 Hi 后面接了你的github用户名，则说明连接成功

 

8.配置Deployment，在你的博客文件夹（我对应的文件夹名称是seseblog）中，找到_config.yml文件，修改repo值（在末尾）

 修改repo值，

 其中reponsitory对应的值对应你 github 项目的 SSH地址

 

 

9.安装扩展：npm install hexo-deployer-git --save

 

10.新建一篇博客

hexo new post “博客名”

 

11.此时可以看到source > _posts 目录下面多了一篇文章

 

12.使用编辑器编好文章，那么就可以使用命令：hexo d -g，生成以及部署了

 

13.部署成功后访问你的地址：https://用户名.github.io。就可以看到你刚刚发布的文章了。