Hexo使用教程

  1. 1、Hexo
  2. 2、安装及生成
    1. 2.1 安装node.js
    2. 2.2 安装hexo
    3. 2.3 生成项目
  3. 3. 新建博客
  4. 4. 配置
  5. 5. 主题
  6. 6. github
  7. 7. 新建博客配置
    1. 7.1 设置标签与类别
  8. 8. 搜索系统
  9. 9. 主体更改

自己从零开始写一整个完整的博客,是一个工程量很大的活,而且后期如果长期不维护,可能会出现服务器很久之前就已经崩溃的情况,因此使用Github Page + Hexo书写静态博客,不失为一种好的方式。Hexo部署与使用极其方便,可选择的主题也很多,使用markdown语法书写,应该是很适合码农使用的博客方案吧。

1、Hexo

Hexo是一个用Node JS搭建的静态博客网页,搭建完毕以后只要写markdown文本即可,然后发布在github page上。

2、安装及生成

2.1 安装node.js

1
$ node -v

2.2 安装hexo

1
$ npm install hexo-cli -g

2.3 生成项目

1
2
3
4
5
6
7
hexo init githubname.github.io
cd githubname.github.io
npm install
hexo clean //清空上次生成的项目
hexo generate || hexo g //生成新项目
hexo server || hexo s //本地调试预览

3. 新建博客

1
$ hexo new test

此时会在source/_posts目录下生成test.md文件,输入些许内容,然后保存.

生成下,看看效果

1
2
3
$ hexo clean
$ hexo g
$ hexo s

访问 localhost:4000 即可

4. 配置

配置文件为hexo工程根目录下的_config.yml,,详细配置可以查看官方文档

5. 主题

Hexo 主题可以在官网查看,并在_config.yml内设置:

1
theme: YourFavoriteTheme

6. github

部署至github,需要安装部署插件:

1
$ npm install hexo-deployer-git --save

然后在_config.yml中配置deploy

1
2
3
4
deploy:
type: git
repo: <repository url>
branch: [branch]

推送至github:

1
$ hexo d

7. 新建博客配置

7.1 设置标签与类别

1
2
3
4
5
6
tags:
- Tag1
- Tag2
- Tag3
categories:
- cate

8. 搜索系统

需要安装插件hexo-generator-search

1
npm install --save hexo-generator-search

然后在_config.yml中新增search配置

1
2
3
search:
path: search.xml
field: all

9. 主体更改

主题
官方使用文档

1
git clone -b master https://yourselectedtheme.com ./themes/themename

更改hexo的_config.yml

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: themename


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jjworking@qq.com

文章标题:Hexo使用教程

本文作者:Janathon Jiang

发布时间:2017-05-27, 21:56:48

最后更新:2018-02-21, 12:03:39

原始链接:http://janostudio.github.io/2017/05/27/hexo/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏