Hexo之旅(四)：文章编写技巧

发表于 | 分类于 | 阅读次数:

文章编写

hexo 编写文章可以使用以下命令创建
hexo new "文件名" #创建的文章会在_pots目录下
文章的后缀名是以md命名的文件格式，遵循markdown语法，所以编写文章可以使用markdown语法进行书写我们的文章，相当方便、快速！

分类及标签添加

新建一篇文章默认是没有分类及标签的，可以手动进行修改。然而文章就会自动分类以及加上对应的标签了

1
2
tags: 标签名  
categories: 分类名

文章过长，使用阅读全文分屏

介绍一种比较简单的方式：只需要在文章内容需要分割的地方加一句命令即可
<!-- more -->

markdown语法

markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

标题

一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标

字体

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要倾斜的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来

例如：

1
2
3
4
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~`

引用

在引用的文字前加>即可
`

引用的内容
`

分割线

三个或者三个以上的 - 或者 * 都可以。

1
2
3
4
---
----
***
*****

超链接

语法：

1
2
[超链接名](超链接地址 "超链接title")
title可加可不加

图片

我这里介绍一种我使用的方法：

  1. 将主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true；
  2. 在hexo目录下执行npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件；
  3. 稍等片刻，再运行hexo n “xxxx”来生成md博文时，/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹
  4. 在xxxx.md中想引入图片时，先把图片复制到xxxx这个文件夹中，然后只需要在xxxx.md中按照markdown的格式引入图片：
    ![这里输入图片描述](/xxxx/图片名.jpg)

注意： 此处xxxx代表的是新建博文md文件的名字，也是同名文件夹的名字
例如：
![](/next_menusetting.png)

代码

单行代码：代码之间分别用一个反引号包起来

代码内容
代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行
代码块

博客页面宽度排版问题

在source/css/_schemes/Picses/_layout.styl文件末尾添加如下代码
// 以下为新增代码！！
header{ width: 90% !important; }
header.post-header {
width: auto !important;
}
.container .main-inner { width: 90%; }
.content-wrap { width: calc(100% - 260px); }

.header {
+tablet() {
width: auto !important;
}
+mobile() {
width: auto !important;
}
}

.container .main-inner {
+tablet() {
width: auto !important;
}
+mobile() {
width: auto !important;
}
}

.content-wrap {
+tablet() {
width: 100% !important;
}
+mobile() {
width: 100% !important;
}
}

// width: 90% ，修改百分比适配到合适的比例就行