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

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

大专栏  Hexo之旅(四)：文章编写技巧>引用

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

引用的内容
`

分割线

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

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% ，修改百分比适配到合适的比例就行