hexo 编写文章可以使用以下命令创建hexo new "文件名" #创建的文章会在_pots目录下
文章的后缀名是以md命名的文件格式,遵循markdown语法,所以编写文章可以使用markdown语法进行书写我们的文章,相当方便、快速!
分类及标签添加
新建一篇文章默认是没有分类及标签的,可以手动进行修改。然而文章就会自动分类以及加上对应的标签了
1 | tags: 标签名 |
文章过长,使用阅读全文分屏
介绍一种比较简单的方式:只需要在文章内容需要分割的地方加一句命令即可<!-- more -->
markdown语法
markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
标题
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。
1 | # 这是一级标题 |
字体
- 加粗
要加粗的文字左右分别用两个*号包起来 - 斜体
要倾斜的文字左右分别用一个*号包起来 - 斜体加粗
要倾斜和加粗的文字左右分别用三个*号包起来 - 删除线
要加删除线的文字左右分别用两个~~号包起来
例如:
1 | **这是加粗的文字** |
大专栏 Hexo之旅(四):文章编写技巧>引用
在引用的文字前加>即可
`
引用的内容
`
分割线
三个或者三个以上的 - 或者 * 都可以。
1 | --- |
超链接
语法:
1 | [超链接名](超链接地址 "超链接title") |
图片
我这里介绍一种我使用的方法:
- 将主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true;
- 在hexo目录下执行npm install hexo-asset-image –save,这是下载安装一个可以上传本地图片的插件;
- 稍等片刻,再运行hexo n “xxxx”来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹
- 在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:
![这里输入图片描述](/xxxx/图片名.jpg)
注意: 此处xxxx代表的是新建博文md文件的名字,也是同名文件夹的名字
例如:![](/next_menusetting.png)
代码
单行代码:代码之间分别用一个反引号包起来
代码内容
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行代码块
博客页面宽度排版问题
在source/css/_schemes/Picses/_layout.styl文件末尾添加如下代码
// 以下为新增代码!!
header{ 90% !important; }
header.post-header {
auto !important;
}
.container .main-inner { 90%; }
.content-wrap { calc(100% - 260px); }
.header {
+tablet() {
auto !important;
}
+mobile() {
auto !important;
}
}
.container .main-inner {
+tablet() {
auto !important;
}
+mobile() {
auto !important;
}
}
.content-wrap {
+tablet() {
100% !important;
}
+mobile() {
100% !important;
}
}
// 90% ,修改百分比适配到合适的比例就行