Hexo Blog

Hexo Blog

1. 准备工作

• 安装Git

Git安装&配置

• 安装NodeJS

NodeJS安装

• 安装npm

  $ sudo apt-get install npm
  

2. 安装Hexo

$ sudo npm install hexo -g
	$ sudo npm update hexo -g
$ hexo version
	$ hexo -v

看到下面信息：

hexo: 3.2.2
hexo-cli: 1.0.2
os: Linux 4.8.8-c9 linux x64
http_parser: 2.7.0
node: 4.6.1
v8: 4.5.103.37
uv: 1.9.1
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 56.1
modules: 46
openssl: 1.0.2j

3. 初始化

$ hexo init <foldername>

或者创建目录后，在目录中执行：

$ hexo init

之后在博客目录中执行下面的命令安装依赖包：

$ npm install

5. 预览博客

安装hexo server:

$ npm install hexo-server --save

预览：

$ hexo server

或设置端口号

$ hexo server -p 8080

通过下面URL进行预览。

http://127.0.0.1
http://127.0.0.1:4000

6. 配置

站点的配置文件是_config.yml,配置之前请先备份：

$ cp _config.yml _config_bak.yml

需要注意的是，配置文件中":"后一定要留空格，否则会报错。

7. 皮肤

7.1 Next

我最喜欢的皮肤

GitHub
使用说明

7.2 默认皮肤（landscape）

可以查看官方文档。

8. 维护工作

8.1 创建新博客

a. 创建命令

$ hexo new "new article"

之后在source/_posts目录下面，多了一个new-article.md的文件。打开之后我们会看到：

title: new article
date: 2015-11-19 15:41:01
tags:
---

文件的开头是属性，采用统一的yaml格式，用三条短横线分隔。下面是文章正文。

文章的正文支持markdown格式，建议你先学习一下它的语法。markdown不像html似的一大堆标签，很简单，只有几个符号。

注意：新建、删除或修改文章后，不需要重启hexo server，刷新一下即可预览。

b. 生成静态页面

执行下面的命令，将markdown文件生成静态网页。

$ hexo generate

执行完后，在public目录下生成一系列html，css等文件。

c. 属性

文章可以拥有如下属性（写在文章前半部分）：

动态博客中通过发布文章页面设置的各种属性，在hexo里要这样设置。

例如分类和标签

categories: 
- 日记 
tags: 
- Hexo 
- node.js

d. 摘要

同wordpress一样，之上的内容为摘要。

e. layout

如果你修改了layout，在scaffolds文件夹里一定要有名字对应的模版文件，否则会采用默认模版。

8.2 新建草稿

草稿相当于很多博客都有的“私密文章”功能。

$ hexo new draft "new draft"

会在source/_drafts目录下生成一个new-draft.md文件。但是这个文件不被显示在页面上，链接也访问不到。

用途：如果你想把某一篇文章移除显示，又不舍得删除，可以把它移动到_drafts目录之中。

如果你希望强行预览草稿，更改配置文件：

render_drafts: true

或者，如下方式启动server：

$ hexo server --drafts

下面这条命令可以把草稿变成文章，或者页面：

$ hexo publish [layout] <filename>

hexo 命令总结

1. 常用命令

hexo new "postName" #新建文章
hexo new page "pageName" # 新建页面
hexo generate # 生成静态页面至public目录
hexo server # 开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy # 将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本

2. 复合命令

hexo deploy -g #生成加部署
hexo server -g #生成加预览

命令的简写为：

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

参考：

-【1】 Your Blog
-【2】 hexo你的博客
-【3】 All Themes
-【4】 Pacman主题介绍
-【5】 hexo添加404页面
-【6】 如何搭建一个独立博客——简明Github Pages与Hexo教程
-【7】如何向google提交sitemap
-【8】GitHub Ribbons