新建博客并发表

创建新博客文章

  我们在本地仓库根目录下 Git Bash Here 命令窗口输入 hexo new <模板> <文章名> 该命令来新建博客文章。

  其中的 <模板> 就是在我们根目录下的: scaffolds 中,系统默认的有三个模板: postdraftpage ,如下:

参数 功能 创建后的文章路径
post 新建文章 /source/_posts/
draft 新建文章 /source/_posts/
page 新建文章 /source/_posts/
说明:
  我们通常使用 hexo new post <title> 该命令时,这里的 title 是我们创建文件的文件名以及文章标题,但是我们可以在文章内容中可以修改文章标题。

举例:
  这里小编新建一篇博客 :hexo new post test,这时我们会在 source/_posts 文件夹中多出一个 test.md 的文件。打开内容如下:

1
2
3
4
5
---
title: test
date: 2019-07-31 16:39:42
tags:
---
说明:
  文章内容中两条 --- 中间的内容是该文章的配置内容,后续小编会详细介绍,这里其中 title 是文章的标题,我们可以任意修改,修改后我们发布博客后,我们会在博客中就可以看到我们自己修改的文章标题。

文章模板

  我们在新建文章的时候使用的 postdraftpage 这三个参数,就是我们的模板名称。例如,我们创建博客使用的命令:hexo new post <title> ,这时系统会自动的在 scaffolds 文件夹中查询名为 post 的文件,然后根据其内容作为模板生成新的 .md 文章。文章模板可以自定义,下面是小编的模板:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
---
title: {{ title }}
date: {{ date }}
tags:
- 标签1
- 标签2
categories: 分类1
# 底部版权信息
copyright: true
# 描述
description:
# 评论系统
comments: true
# 置顶
sticky:
---

博客文章添加分类、标签

  通过上面的介绍,我们知道文章的头部的配置信息中 tagscategories 分别可以设置文章的标签和分类。其中标签也可以设置多个,例如小编本文的头部配置:

1
2
3
4
5
6
7
8
9
10
11
12
---
title: Hexo个人博客教程 -- 新建博客并发表
copyright: true
comments: true
date: 2019-07-31 16:16:33
tags:
- Hexo
- 教程
categories: Hexo
description: Hexo 个人博客搭建全教程之新建博客
sticky:
---

在博客文章中添加图片

  相信使用过 CSDN 的 MarkerDown 写过博客的朋友知道博客中添加图片那是多么的方便,但是在这里却是有点困难,下面小编就说两种方式:

方式一:

  在本地仓库根目录下执行如下命令安装插件:

1
npm install hexo-asset-image --save

  然后在本地仓库 根目录/source 下新建一个 img 文件夹,将需要插入的图片放到里面,最后我们在文章中使用该格式:![header](img/xxx.jpg) 进行图片引用。

方式二:

  在博客配置文件中搜索关键词 post_asset_folder,设置为 true。

1
post_asset_folder: true

  设置为 true 后,我们以后在创建博客时,系统会自动的在放置博客的所在目录 source/_posts 文件夹下生成一个与文章同名的文件夹。例如我这篇文章创建时则会在当前目录下生成一个名为 新建博客并发表 的文件夹。这时,我们就把本文中需要插入的图片放入到该文件夹中:文章内使用 ![logo](logo.jpg) 插入 logo.jpg 图片,如下插入的图片:
logo

-------------本文结束感谢您的阅读-------------
0%