一直都是用jekyll搭的, 觉得hexo挺好玩, 就试试.
一. 搭建环境
(1) 安装基本环境
Hexo基于Node.js(自带npm)和Git
检测:
node -v
npm -v
git --version
(2) 安装hexo
npm install -g hexo-cli
npm国内镜像源加速, 淘宝源
(3) 安装hexo-server
Hexo 3.0 把服务器独立成了个别模块,必须先安装 hexo-server 才能使用。
npm install hexo-server --save
二. Github密钥配置
git config --global user.name "GitHub 用户名"
git config --global user.email "GitHub 邮箱"
创建密钥:
一直回车就行.
ssh-keygen -t rsa -C "GitHub 邮箱"
三. Hexo 初始化和本地预览
初始化:
hexo init [folder]
cd [folder]
安装组件:
npm install
如果之前执行过hexo g/s
的命令则执行:
hexo clean
生成页面:
hexo g
启动预览:
hexo s
访问4000
端口, 如果正常过则ok.
四. 换主题
下载主题. 放到/themes
目录下. 最后形成的目录为/themes/主题名
更改_config.yml
中的themes:xxx
为主题名
进入/themes/主题名
目录下, 执行:
git pull
回到根目录, 执行:
hexo clean
hexo g
hexo s
本地预览出现主题则成功.
五. 主题插件
每个主题都有可能用到不同的插件, 需要根据主题的介绍文档, 安装对应的插件.
例如melody
主题
需要安装:
npm install hexo-renderer-jade hexo-renderer-stylus
六. 分类和标签
本地预览成功后, 发现点击
tags
和categories
出现报错:Cannot GET /tags/
生成页面:
hexo new page "tags"
hexo new page "categories"
编辑/tags/index.md
/categories/index.md
, 分别添加:
type: "tags"
layout: "tags"
type: "categories"
layout: "categories"
报错解除
七. 上传到github
需要安装扩展:
npm install hexo-deployer-git --save
修改_config.yml
:
deploy:
type: git
repo: https://github.com/jjnoob/jjnoob.github.io.git
branch: master
一开始默认的
repo
为git
. 如果git
出错, 则用https
上传到github:
hexo d
访问用户名.gitub.io
, 如果出现页面则成功.
八. 写博客
博客根目录下执行:
hexo new "My New Post"
source
文件夹下会出现一个My New Post.md
文件, 用编辑器编辑即可.
写完后, 执行
hexo g
hexo d