hexo 编写文章可以使用以下命令创建
hexo new "文件名" #创建的文章会在_pots 目录下
文章的后缀名是以 md 命名的文件格式, 遵循 Markdown 语法, 所以编写文章可以使用 Markdown 语法进行书写我们的文章, 相当方便, 快速!
分类及标签添加
新建一篇文章默认是没有分类及标签的, 可以手动进行修改. 然而文章就会自动分类以及加上对应的标签了
tags: 标签名
categories: 分类名
文章过长, 使用阅读全文分屏
介绍一种比较简单的方式: 只需要在文章内容需要分割的地方加一句命令即可
<!-- more -->
Markdown 语法
Markdown 是一种纯文本格式的标记语言. 通过简单的标记语法, 它可以使普通文本内容具有一定的格式.
标题
一个 #是一级标题, 二个 #是二级标题, 以此类推. 支持六级标题.
- # 这是一级标题
- ## 这是二级标题
- ### 这是三级标题
- #### 这是四级标题
- ##### 这是五级标题
- ###### 这是六级标
字体
加粗
要加粗的文字左右分别用两个 * 号包起来
斜体
要倾斜的文字左右分别用一个 * 号包起来
斜体加粗
要倾斜和加粗的文字左右分别用三个 * 号包起来
删除线
要加删除线的文字左右分别用两个~~ 号包起来
例如:
** 这是加粗的文字 **
* 这是倾斜的文字 *`
*** 这是斜体加粗的文字 ***
~~ 这是加删除线的文字~~`
大专栏 Hexo 之旅 (四): 文章编写技巧> 引用
在引用的文字前加>即可
`
引用的内容
`
分割线
三个或者三个以上的 - 或者 * 都可以.
--- ---- *** *****
超链接
语法:
[超链接名](超链接地址 "超链接 title")
title 可加可不加
图片
我这里介绍一种我使用的方法:
将主页配置文件_config.YAML 里的 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{
- 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 之旅(四): 文章编写技巧
来源: http://www.bubuko.com/infodetail-3412561.html