Hexo + Github搭建个人博客(四)- 开始博文写作

Hexo的文章在写作的时候需要严格的按照格式执行,否则文章会出现莫名的问题,甚至无法发布。

  • 主要内容
    • 文章的格式
    • 生成摘要
    • 以HTML显示

文章格式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
title: 文章标题
date: 时间(如,2017-07-09 09:52:41)
banner: 文章封面
thumbnail: 文章缩略图(在侧边栏显示)
#文章所属分类
categories:
- Hexo
#文章标签
tags:
- Hexo
- blog
- 博客

注意点

  • 文章信息和文章正文 --- 分割
  • categories 存在多个内容的话,实际是按从上到下的层级关系表示的。如下所示,表示文章是在 Sports分类下的Baseball子类。
1
2
3
categories:
- Sports
- Baseball
  • tags 存在多个内容的话,表示多个标签,不存在层级关系
  • 关键词必须顶格书写

生成摘要

默认情况下hexo博客的首页显示的是完整的文章,而文章比较长的时候这无疑会带来诸多不遍。 那怎么样才能只显示个摘要呢?

方法其实很简单 – 只要加入一个这样的占位符在文章正文里面即可。

  • 格式:

    1
    2
    3
    这就是一个简介
    <!-- more -->
    这里更多的内容
  • 例子:

    1
    2
    3
    Hexo(Hexo.io)是一个免费静态博客开源程序。Hexo.io基于Node.js技术开发,为高效率静态博客程序。与Wordpress相比属于一款轻量级的博客系统,Hexo生成的静态网站可以放在任意空间,例如常见的PHP、ASP空间、FTP服务器、百度BAE、新浪SAE等空间。
    <!-- more -->
    文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分文章后部分……
  • 结果:

hexo博客如何新建一个不依赖模板的HTML页面

如果你是不想hexo g时被模板改变你的html的话,可在在文件头加 layout: false

例如:新建一个404页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
layout: false
title: "404"
date: 2017-07-05 20:03:48
---
<html>
<head>
<meta charset="UTF-8" />
<title>404</title>
</head>
<body>
<h1>404 Page Not Found</h1>
<br>
<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8">
</script>
<br>
</body>
</html>

评论