史上最详细“截图”搭建Hexo博客并部署到Github

http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

大家也搭建过博客，很多时候，按着教程来做就可以了，但是我当时为了搭建Hexo博客并部署到Github，走了不少弯路。现在终于搭建出来了，为了帮助大家，我决定写一篇“史上最详细“截图”搭建Hexo博客并部署到Github”。

工具/原料

Windows（Mac也是差不多，可参照）

Git

Node.js

安装Hexo

1

利用 npm 命令即可安装。在任意位置点击鼠标右键，选择Git Base。





2

输入命令：

npm install -g hexo

注意：-g是指全局安装hexo。

END

创建Hexo文件夹

安装完成后，在你喜爱的文件夹下（如C:\Hexo），执行以下指令(在C:\Hexo内点击鼠标右键，选择Git Bash)，Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

hexo init

END

安装依赖包

npm install

END

本地查看

现在我们已经搭建起本地的hexo博客了，执行以下命令(在C:\Hexo)，然后到浏览器输入localhost:4000看看。

hexo generate

hexo server





END

注册Github账号

这里不演示了。

END

创建Repository

创建的时候注意Repository的名字。比如我的Github账号是angelen10，那么我应该创建的Repository的名字是：angelen10.github.io。





END

修改配置文件

1

到你刚刚创建的Repository下，找到以下内容：





2

先点击HTTPS，然后复制里面的地址。然后编辑_config.yml文件（在C:\Hexo下）。





3

修改文件里面的deploy。其中的repository就改成你刚刚复制的地址。保存这个文件。





END

设置SSH keys

1

在Git Bash输入以下指令（任意位置点击鼠标右键），检查是否已经存在了SSH keys。

ls -al ~/.ssh

2

如果不存在就没有关系，如果存在的话，直接删除.ssh文件夹里面所有文件：





3

输入以下指令（邮箱就是你注册Github时候的邮箱）后，回车：

ssh-keygen -t rsa -C "angelen10@163.com"





4

然后它会提示要你输入passphrase（如上图，我没有输入直接回车，如果你输入的话，要记得，到时候会用到）。之后，如果出现类似下图：





5

然后键入以下指令：

ssh-agent -s





6

继续输入指令：

ssh-add ~/.ssh/id_rsa

7

输入之后，在我这里是出错了，不知道你的有没有出错。





8

如果你的也是这样子出错了的话，就输入以下指令：

eval `ssh-agent -s`

ssh-add





9

到了这一步，就可以添加SSH key到你的Github账户了。键入以下指令，拷贝Key（先拷贝了，等一下可以直接粘贴）：

clip < ~/.ssh/id_rsa.pub

10

然后到Github里面，点击右上角的设置图标：





11

在Settings sidebar那里，点击SSH keys：





12

点击Add SSH key：





13

输入Title，作为这个key的描述吧（你可以输入Personal MacBook Air，瞬间高大上）





14

然后这个Key就是刚刚拷贝的，你直接粘贴就好（也可以文本打开以下文件）：





15

点击Add Key：





16

输入你的Github密码即可完成SSH Key的添加。嗯，最后还是测试一下吧，键入以下命令：

ssh -T git@github.com





17

你可能会看到有警告，没事，输入“yes”就好。

END

完成部署

1

最后一步，快要成功了，键入指令：

hexo generate

hexo deploy

2

OK，我们的博客就已经完全搭建起来了，在浏览器输入（当然，是你的用户名）：
http://angelen10.github.io/




3

注意：每次修改本地文件后，需要键入hexo generate才能保存。每次使用命令时，都要在C:\Hexo目录下。每次想要上传文件到Github时，就应该先键入hexo generate保存之后，再键入hexo deploy。大概成功之后是酱紫的：





4

对了，记住上图的Username是你的Github账号名称，而不是邮箱；Password就是你的Github的密码。

END

Tips

hexo现在支持更加简单的命令格式了，比如：

hexo g == hexo generate

hexo d == hexo deploy

hexo s == hexo server

hexo n == hexo new

END

注意事项

这篇和官方的说法有一点不一样，不过这是成功之谈。

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
举报作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。