jjnoob

尝试hexo

2019-07-16
jjnoob

一直都是用jekyll搭的, 觉得hexo挺好玩, 就试试.

参考

参考

参考

一. 搭建环境

(1) 安装基本环境

Hexo基于Node.js(自带npm)和Git

  1. Node.js
  2. 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

六. 分类和标签

本地预览成功后, 发现点击tagscategories出现报错: 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

一开始默认的repogit. 如果git出错, 则用https

上传到github:

hexo d

访问用户名.gitub.io, 如果出现页面则成功.

八. 写博客

博客根目录下执行:

hexo new "My New Post"

source文件夹下会出现一个My New Post.md文件, 用编辑器编辑即可.

写完后, 执行

hexo g 
hexo d

下一篇 beego学习

Content