使用Hexo+Github搭建属于自己的博客

本文将讲解如何一步步使用Hexo+Github搭建属于自己的博客。

电脑环境: windows 10系统 64位

环境配置

1.首先需要安装Node.js和配置好Node.js环境

2.安装Git和配置好Git环境

3.注册Github账户和新建一个项目,项目必须遵守格式: 账户名.github.io

Alt text

在建好的项目右侧有个settings按钮,点击它,向下拉到Github Pages,下面的网址就是你的博客地址,能够通过外网访问。

hexo安装

4.安装Hexo,创建个文件夹作为你的本地博客文件空间地址。

输入npm install hexo -g 开始安装Hexo

Alt text

输入hexo -v 检查hexo是否安装成功

输入hexo init 初始化该文件夹

Alt text

显示”Start blogging with Hexo!” 即为成功。

输入npm install,安装所需要的组件

Alt text

输入hexo g,首次体验Hexo

Alt text

输入hexo s,开启本地服务器,访问本地域名地址,体验Hexo
Alt text

假如页面一直无法跳转,那么可能端口被占用了。此时可以先暂停服务器,Ctrl+C,接着输入hexo server -p端口号来改变端口号。

那么如果出现如下图就成功了

Alt text

配置github与Hexo

5.将Hexo与Github page连接起来,设置Git的username 和 email

6.配置好git的SSH

输入cd ~/.ssh,检查是否有.ssh的文件夹

输入ls,查看是否有id_rsa,id_rsa.pub文件

输入ssh-keygen -t rsa -C “你的github邮箱地址.com”,连续三个回车,生成密钥,最后得到的了两个文件:id_rsa和id_rsa.pub(默认的存储路径是:C:\Users\Administrator.ssh)。

输入eval “$(ssh-agent -s)”添加密钥到ssh-agent

再输入 ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

登录Github,点击头像下的settings,添加ssh

Alt text

输入ssh -T git@github.com,测试添加ssh是否成功,如果看到你的用户名,就说明成功了

6.配置blog文件夹下的_config.yml文件,配置Deployment中的repo的值
repository:github项目中创建的博客项目的的ssh地址。

提交发布

7.新建一篇博客,在当前博客地址下cmd执行命令:hexo new post “博客名”

这时候在文件夹_posts目录下将会看到已经创建的文件

在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git –save

Alt text

使用编辑器编辑好文章,那么就可以使用命令:hexo d -g

Alt text

部署成功后访问你的地址:http://用户名.github.io,就可以看到生成的文章。

Alt text

好了,到此为止,最基本的hexo+github搭建博客完成。