Hexo之旅:文章编写技巧

Posted lijianming180

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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% ,修改百分比适配到合适的比例就行

以上是关于Hexo之旅:文章编写技巧的主要内容,如果未能解决你的问题,请参考以下文章

[hexo]如何更换主题删除文章

VS中添加自定义代码片段——偷懒小技巧

Android课程---Android Studio使用小技巧:提取方法代码片段

你可能不知道的JavaScript代码片段和技巧(下)

你可能不知道的JavaScript代码片段和技巧(上)

HEXO 加入外链播放器的一些技巧(如何设置背景音乐)