搭建hexo博客(2)

前言

如果看过搭建hexo博客(1)并且成功的，可以往后看，我会教大家一步步把博客变成我现在的样子；
如果没有成功，请评论或私聊我。

我的目录结构

catalog.PNG

基本

写博客用的是MarkDown的语法，如果没有接触过这个的，我推荐看这篇文章，因为我也是看的这个学习的。

看了目录结构图就知道，我用的是WebStorm，我写Java也用这个系列的软件，非常方便，在WebStorm里面装个写MarkDown的插件就可以了。

刚hexo server运行起来的网站很丑，且自带一篇Hello World的文章，我换了很多主题，最后我才选用了next主题，如果也想用这个主题的，请看官方介绍文档。

做准备

看了官方介绍文档，博客可以弄成跟我差不多的了，我用的：

scheme: Mist

还有另外两个scheme也不错，文档里面已经介绍了怎么弄分类，弄标签。但是我还是再重复造轮子写一遍。

新建页面（菜单栏）

hexo new page "categories"
hexo new page "archives"
hexo new page "tags"
hexo new page "about"

images文件夹是自己新建的，用来放用到的图片，搜索功能稍微复杂点，下篇文章讲。
分别打开文件夹，里面都有一个index.md文件：

about

---
date: 2017-07-23 17:29:56
---

## 个人简介
xxxxxx

## 博客搭建
托管：github
框架：hexo
主题：next

## 联系方式
xxxxxx

categories

---
title: categories
date: 2017-07-23 17:26:54
type: "categories"
---

archives

---
title: archives
date: 2017-07-23 17:29:20
type: "archives"
---

tags

---
title: tags
date: 2017-07-23 17:18:31
type: "tags"
---

除了about以外，其它的加个type: "xxx"就可以了。
主题配置文件中找到menu：

menu:
  home: /
  categories: /categories/
  archives: /archives/
  tags: /tags/
  about: /about/

这样博客栏上分类、归档、标签、关于就弄好了。

写文章

例如我想写一篇文章JVM，并给它贴上分类，便签，咋办？
进入博客根目录：

hexo new "JVM"

可以看到source/_posts目录下已经有了md文件，文件头：

---
title: JVM
date: 2017-07-26 10:02:58
categories: Java
tags:
  - Think in Java
---

这样，这篇文章就会自动分类在Java类中，标签为Think in Java，如果没有这个标签或者分类会自动生成。
如果文章太长想阅读全文，分割点写上：

<!--more-->

即可。

发布文章

看了MarkDown的语法后，自己写一篇文章。写完后想发布，三条命令即可：

hexo clean
hexo generate
hexo deploy

即：清理旧的，生成新的，发布到github page上。

发布前想预览下，可以用hexo server在本地预览。

常用命令总结

//常用命令
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的版本

好了，基本可以写文章了。如果有困难请评论或联系我。