这是一篇使用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来访问你的博客了。