利用GithubPages和Hexo搭建个人博客,记录自己的打怪升级之路,给自己留一方时空之片。
前期准备
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/ 查看
常用命令
|
|
配置github
在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。
为了描述方便,在以下说明中,将前者称为 站点配置文件, 后者称为 主题配置文件。
编辑 站点配置文件 _config.yml文件,建立与git的关联(在.yml文件的最底部)123456# Deployment## Docs: http://hexo.io/docs/deployment.htmldeploy:type: gitrepository: https://github.com/你的Github用户名/你的Github用户名.github.io.gitbranch: 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 的缓存。