Hexo搭建个人博客

利用GithubPages和Hexo搭建个人博客,记录自己的打怪升级之路,给自己留一方时空之片。

前期准备

node.js与git安装

下载node.js
安装node.js
git下载与安装

安装Hexo

$ cd your-hexo-site
$ npm install -g hexo #安装hexo
$ hexo init
$ npm install hexo --save  #初始化hexo
$ npm install
$ hexo g # 或者hexo generate
$ hexo s # 或者hexo server,可以在        http://localhost:4000/ 查看

常用命令

1
2
3
4
5
6
7
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本

配置github

在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。

为了描述方便,在以下说明中,将前者称为 站点配置文件, 后者称为 主题配置文件。

编辑 站点配置文件 _config.yml文件,建立与git的关联(在.yml文件的最底部)

1
2
3
4
5
6
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/你的Github用户名/你的Github用户名.github.io.git
branch: master

运行部署

npm install hexo-deployer-git --save
hexo g
hexo d

每次有新的修改需要部署同步

hexo clean
hexo g
hexo d

hexo主题修改

下载主题

如果你熟悉 Git, 建议你使用 克隆最新版本 的方式,之后的更新可以通过 git pull 来快速更新, 而不用再次下载压缩包替换。

在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:

$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后,打开 站点配置文件, 找到 theme 字段,并将其值更改为 next。

theme: next

下一步验证主题是否正确启用。在切换主题之后、验证之前, 我们最好使用 hexo clean 来清除 Hexo 的缓存。

next主题修改官方文档链接