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

转载 2016年08月29日 09:59:33

在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语法

如何发布新文章到hexo搭建的个人博客

用github+hexo搭建完个人博客后,朋友们应该很想知道怎么在上面写博文吧,这里介绍一个很简单的方法你可以使用CSDN网上面提供的MarkDown编辑器 http://write.blog.csd...

hexo配置主题发表文章

将本地hexo博客部署到github上了,如果想换我们自己喜欢的主题(默认为landscape),同时也要发表发表文章呢,下面给介绍下: 1,进入hexo官网,预览自己想要的主题,https://g...

Hexo 入门指南(三) - 文章 & 草稿

新建文章 命令行中输入: $ hexo new "new article" 之后在source/_posts目录下面,多了一个new-article.md的文件。 打开之后我们会看到: ti...

使用GitHub Pages + Hexo 快速搭建个性化博客(四)-博客菜单和侧边栏优化

在之前三节的基础上,博客已经有了新的展现,之后基本框架就会是固定的这个模板,但其中还有许多可以优化的模块接下来将进行描述,本时段直播NexT主题博客菜单设置、侧边栏的进一步设置和优化,如分类页,标签页...

hexo入门学习(三):主题设置

欢迎查看我的个人博客   Hexo 支持个性化定制主题,可以根据自己的喜好进行修改。Hexo主题可以从官网或者GitHub查看更多主题。...

github如何写博客

github如何写博客 第一步:注册github账号,这个很简单,不详细说明。 第二步:点击右上角新建一个仓库,然后进入仓库。 第三步:进入仓库界面之后,有一个setting按钮,点击进入。 ...

hexo 新建一篇文章给它添加分类和标签:

hexo 新建一篇文章给它添加分类和标签:hexo new "Hexo教程"通过mou编辑器打开:添加tags和categoriestitle: title #文章標題 date: 2016-06-...

hexo-github安装过程记录

本地文件自己备一下: 我用的是next主题主站文件_config.yml:# Hexo Configuration ## Docs: https://hexo.io/docs/configurati...

Hexo在Github中搭建博客系统(6)异常处理

异常这里主要收集Hexo在搭建博客的时候出现的异常以及处理方案在进行启动服务器模拟查看时hexo s –debug出现的启动异常(1) 无法执行now函数异常1.1 异常内容13:51:28.741 ...

GitHub hexo搭建个人博客

  • 2017年06月10日 23:53
  • 1.37MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Hexo在Github中搭建博客系统(4)建菜单写文章
举报原因:
原因补充:

(最多只允许输入30个字)