这是一篇使用Github Pages和Hexo搭建博客的详细教程。这是我搭建好自己博客的的第一篇文章,搭建的时候也是通过百度,经过千辛万苦完成的,希望通过我的教程,使更多的同学能够搭建自己的博客。

安装Node.js

(1)Node.js下载地址:https://nodejs.org/en/。
(2)检验Node.js是否安装成功

安装Git

(1)Git下载地址:https://git-scm.com/
(2)检验Git是否安装成功,鼠标右键菜单会出现Git GUI Here和Git Bash Here

安装Hexo

首先选择一个磁盘,新建一个文件夹(我这里新建了一个weifeng_blog文件夹),用来存储博客相关的文件。进入刚创建的文件夹,鼠标右击,点击Git Bash Here。
(1)安装hexo-cli

(2)安装hexo部署到git page和deployer

Hexo初始化配置

在刚刚创建的文件夹下,再新建一个hexo的文件夹。进入hexo文件夹,鼠标右击,点击Git Bash Here。初始化的过程会比较慢,耐心等待。成功后会发现hexo目录下出现很多文件。

本地查看效果

执行hexo g和hexo s,当你执行hexo g时,一直报错cannot find module。
例如:

解决方案:npm install –save htmlparser2,这边的htmlparser2就是图片上说的缺失的module。再次执行hexo -g 和 hexo -s指令


最后访问http://localhost:4000/。

登录Github账户

Github官网:https://github.com/

创建项目代码库

点击头像,create a new repository。Repository name必须要以你的用户名.github.io命名,勾选Initialize this repository with a README,最后Create repository。

配置SSH密钥

在第一次创建的文件夹下(如我的文件夹weifeng_blog),Git Bash Here。



进入github个人主页,点击右上角,Settings。


测试

配置Git个人信息

把名称和邮箱替换成你自己的,名字可以不是GitHub的昵称,但为了方便记忆,建议与GitHub一致。

将本地hexo文件更新到Github库中


打开创建的hexo文件夹,编辑_config.yml文件

在hexo文件夹下,Git Bash Here。执行hexo g -d。若出现下面问题,则说明deployer没有安装成功。执行npm install hexo-deployer-git –save,然后再次执行hexo g -d


最后就可以通过https://你的用户名.github.io来访问你的博客了。