使用Github Pages和Hexo搭建个人博客

发表于 | 分类于

前言

时间不会停留，时间会冲淡你的记忆；

时间会不断更新你的记忆，不需要刻意的去忘与遗忘；

那些念念不忘的事情就在我们念念不忘之中，消失在时间的某个角落。

你有这样的经历吗？
踩过的坑，时间久了也会忘记。
当再次遇到时，有印象，但一时会想不起。
所以，我想让一种媒介来帮我记住它们。想想，个人博客不正是这个媒介吗?

环境准备

一个Github账号

安装NodeJs

安装Git

开始使用Github Pages

在Github上新建仓库

仓库名：[username].github.io

1
注意：为了方便，请选择Public && 勾选Initialize this repository with a README

进入仓库进行配置

选择Settings->Github Pages，并将sources选项选为master branch。 设置成功后会显示：

"Your site is published at http://<username>.github.io/"

关于Github Pages的配置到这里就结束了，接下来看Hexo。

安装Hexo-cli并开始使用

使用npm安装hexo-cli，并初始化hexo工程

1
2
$ npm install -g hexo-cli   #安装hexo-cli
$ hexo init <project-name>  #创建一个新的hexo工程并进入

使用hexo新建工程，并在本地启动

1
2
3
4
5
$ cd <project-name>         #进入到工程目录         
$ hexo new <post-name>      #新建一个帖子，你可以往生成好的帖子里添加内容试试。帖子所在的目录为：<project-name>/source/_posts
$ hexo clean                #清除本地站点缓存(可选，一般切换主题后会使用)
$ hexo g                    #生成静态站点
$ hexo s                    #开启本地服务器（默认4000端口）

服务器启动成功后，你可以试着预览一下。http://localhost:4000

部署静态站点到Github Pages

安装 hexo-deployer-git

1
$ npm install hexo-deployer-git --save

修改config.yml配置

在config.yml末尾追加

1
2
3
4
5
deploy:
  type: git
  repo: <repository url>    #git仓库地址
  branch: [branch]          #需要推送到哪个分支，一般配置为master
#  message: [message]        #自定义推送的信息（可选，默认为 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}）

部署到Github Pages

这个操作会将本地生成的静态站推送到你所配置的仓库中

1
$ hexo deploy

至此，部署完成。访问 http://[username].github.io/

当然，现在使用的是Hexo默认主题，有点丑。可以到Hexo主题商店去选择一款你喜欢的吧。个人推荐nexT主题。

------ 本文结束------