Hexo建站备忘录

偶知此法，手握域名，遂弄之，待更待兴。

本文适应于MacOS，原理过程通用

Hexo原理：

由于github pages存放的都是静态文件，博客存放的不只是文章内容，还有文章列表、分类、标签、翻页等动态内容，避免每次写完一篇文章都要手动更新博文目录和相关链接信息，hexo所做的就是将这些md文件都放在本地，每次写完文章后调用写好的命令来批量完成相关页面的生成，然后再将有改动的页面提交到github。

平台选择：

Github
Gitee –国内，但不能自定义域名，舍弃
Gitlob

主要步骤：

1. 准备工作

a. Github 账号，仓库，Pages,SSH
b. 系统环境准备： node.js,npm,cnpm,git

1
2
3
4
5

git config --global user.name xx
git config --global user.email "xx@xx"
ssh-keygen -t rsa -C "xx@xx"
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose
cnpm install -g hexo-cli

2. 初始化安装及部署

npm install -g hexo
cd xxxxxxx
hexo init
hexo -h

3. 主题

1
2
3
4
5
6
7
npm install hexo-deployer-git --save
git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora
hexo new page tags
hexo new page categories
hexo new page tags
cnpm install hexo-generator-searchdb --save
hexo new page search

4. 域名

• GitHub 绑定
• resource CNAME 添加
• 域名服务器维护 CNAME记录

5.其他

注意事项：

1. Rename repository to xxx.github.io, xxx is your Account name.

优化与技巧：

1. 主题

• Install
  $ git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora
• Enable
  _config.yml
• Update
  cd themes/diaspora
  git pull
• 新建文章模板
• search

  npm install hexo-generator-searchdb –save

  search:
  path: search.xml
  field: post
  format: html
  limit: 10000
  本地搜索,请将索引文件放在网站根目录
  local_search:
  是否启用
  enable: true

• 网站图标
  favicon.ico

2. 背景图片，Icon，座右铭
3. 搜索
4. 目录，landscape
5. 网站统计（baidu，google）
6. 社交，好友，评论系统

相关维护软件：

• 图片压缩，Ipic，cloudapp,ImageOptim
• Markdown： Macdown，Mou
• Github desktop