Github Pages+Hexo搭建博客

稻草人 10月 10, 2015

目前用的win10 x64搭建的,下面开饭啦~

注册账号

注册github账号

到 https://github.com/ 注册
注册过程就不说了,注册好之后在https://github.com/ 点击页面右侧的+ New repository,Repository name填写为注册的github用户名.github.io,点击Create repository即可

注册多说评论系统的账号

到 http://duoshuo.com/ 注册
记住多说域名中duoshuo.com前面的部分就可以了

环境搭建

安装给力的文本编辑器

自己用的visual studio code,你也可以安装notepad++

安装github

到 https://desktop.github.com/ 下载并安装
在等待安装的过程中下载下面一个

安装node.js

到 https://nodejs.org/en/download/ 下载并安装

安装hexo

先在D盘新建一个文件夹hexo,双击桌面的Git Shell,输入下列命令:

 cd d:hexo
 npm install -g hexo-cli

等待hexo安装完成

搭建站点

初始化

移到Git Shell窗口(当前在d:hexo),顺序执行

 hexo init
 npm install

安装github部署工具

 npm install hexo-deployer-git --save

建about/关于目录

 hexo new page "about"

在D:\hexo\source\下会生成about目录,里面有index.md文件.
用装好的文本编辑器打开index.md,title后面可以改成:关于,在—下面可以写下关于页面的内容
文件里大部分冒号的后面都要空一格,切记!!!

安装pacman主题

切到Git Shell窗口,执行

 git clone https://github.com/A-limon/pacman.git themes/pacman

在D:\hexo\themes\下会生成pacman目录

配置文件

文件里大部分冒号的后面都要空一格,切记!!!

修改站点配置文件

打开D:\hexo\目录下的_config.yml文件,我已修改的部分如下:

 title: 网站的标题
 author: 作者
 language: zh-CN
 url: 站点的链接,如http://XX.github.io
 theme: pacman
 deploy:
   type: git
   repository: git@github.com:XXX/XXX.github.io.git(XXX为github的用户名)
   branch: master

修改pacman主题的配置文件

打开D:\hexo\themes\pacman\目录下的_config.yml文件,我已修改的部分如下:

 menu:
   首页: /
   存档: /archives
   关于: /about
 duoshuo: 
   enable: true
   short_name: 多说域名中duoshuo.com前面的部分

在文件最底部添加

##修复页面底部头像无法加载
root: /
##修复代码无法高亮
highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace:

发表文章

写文章

切到Git Shell窗口,执行

 hexo new "my first page"

其中my first page可以换成自己的
D:\hexo\source_posts\下面会生成my-first-page.md
然后打开这个文件,依照markdown的语法写文章

本地调试

在Git Shell窗口执行

 hexo server

然后打开浏览器,访问http://localhost:4000 就可以看到博客的效果啦~

发布到github

在Git Shell窗口依次执行

 hexo clean
 hexo generate
 hexo deploy

发布完毕后访问你自己的博客站点(http://XXX.github.io) 就可以啦!是不是很简单~