Hexo在Github中搭建博客系统(4)建菜单写文章

在Hexo博客系统中, 可以创建菜单、文章、分类、标签。在我们的主题中,菜单和文章需要手动创建,而分类和标签不用手动创建,

一、创建菜单

在blog目录创建一个新的菜单

$ hexo new page "github"
INFO  Created: ~/blog/source/github/index.md

这个指令会在source目录创建一个github的文件夹,并在文件夹中创建一个index.md的文件
修改index.md文件

$ vim source/github/index.md 
...
  1 ---
  2 title: github
  3 date: 2016-08-25 18:27:59
  4 ---
  5 
  6 # 我的第一个标签页

修改主题的配置文件,增加一个标签页菜单

$ vim themes/maupassant/_config.yml

增加一个github的页面菜单

 16 menu:
 17   - page: home
 18     directory: .
 19     icon: fa-home
 20   - page: archive
 21     directory: archives/
 22     icon: fa-archive
 23   - page: about
 24     directory: about/
 25     icon: fa-user
 26   - page: github
 27     directory: github/
 28     icon: fa-github-alt
 29   - page: rss
 30     directory: atom.xml
 31     icon: fa-rss

_如果你对标签页的小图标不满意,也可以自己定义,这个图标其实是一种字体,在fontawesome.io 这个网站可以找到你满意的图标。
修改方法就是将icon: 后面的内容替换掉_

清理后启动

$ hexo clean
$ hexo s --debug

菜单添加成功

二、写文章

在blog目录下执行创建文章指令

$ hexo new "blog1"
INFO  Created: ~/blog/source/_posts/blog1.md

然后修改source/_posts/blog1.md文件

$ vim source/_posts/blog1.md
  1 ---
  2 title: blog1
  3 date: 2016-08-25 18:50:03
  4 tags:
  5 ---
  6 
  7 我的第一篇文章！

清理后启动,就可以看到博客中新增加的文章了。

$ hexo clean
$ hexo s --debug

三、创建分类

新建一篇文章:

$ hexo new "new Types"
  INFO  Created: ~/blog/source/_posts/new-Types.md

修改文章的类型 : categories

$ vim source/_posts/new-Types.md 
   ---
   title: new Types
   date: 2016-08-25 20:23:37
   categories: type1
   description: 这里是内容简介
   --- 
   我的分类是type1

清理后启动,就可以看到分类下面多了一个type1类型了

$ hexo clean
$ hexo s --debug

文章分类是自动的,不需要用户自己创建,只需要自己定义就可以了。

四、创建标签

新建一篇文章:

$ hexo new "new tags"
  INFO  Created: ~/blog/source/_posts/new-tags.md

修改文章的标签 : tags

$ vim source/_posts/new-tags.md 
   ---
   title: new Types
   date: 2016-08-25 20:23:37
   tags: tags1
   description: 这里是内容简介
   --- 
   我的标签是tags1

清理后启动,就可以看到标签下面多了一个type1标签了

$ hexo clean
$ hexo s --debug

文章标签是自动的,不需要用户自己创建,只需要自己定义就可以了。

---

下一节:HexoMarkdown语法