博客搭建（二）发表文章

新建文章

命令

hexo new [layout] <title>

用于新建文章或者页面，文章的布局（layout）默认为 post，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。

Hexo 有三种默认布局：post、page 和 draft。在创建这三种不同类型的文件时，它们将会被保存到不同的路径；自定义的其他布局和 post 相同，都将储存到 source/_posts 文件夹。

新建页面文件格式为 markdown。

草稿

layout 设置为 draft 新建草稿，通过 publish 命令可以把草稿发布 ：

$ hexo publish [layout] <title>

草稿默认不会显示在页面中，可在执行时加上 --draft 参数，或是在 _config.yml 中把 render_drafts 参数设为 true 来预览草稿。

redefine 附加语法

notes

note large

格式：（notel 意思是 note large ，方便记，也可以写成 note-large ）

{% notel [颜色] [可选: 自定义图标] [标题] %}
内容
支持换行
{% endnotel %}

参数	说明	可选值
颜色	提示块的样式或颜色	blue red cyan purple orange yellow green等颜色
自定义图标	自定义图标，选填	Fontawsome 的图标名称后半部分，比如 fa-image

例如

{% notel default fa-info 信息 %}
换行测试
换行测试
换行测试
{% endnotel %}

{% notel blue 提示 %}
换行测试
换行测试
换行测试
{% endnotel %}

{% notel red 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

效果：

信息

换行测试
换行测试
换行测试

提示

换行测试
换行测试
换行测试

自定义标题

换行测试
换行测试
换行测试

note

格式：

{% note [样式/颜色] [可选: 自定义图标] %}
笔记内容
{% endnote %}

参数	说明	可选值
样式/颜色	提示块的样式或颜色	success default primary info warning danger tip question以及 blue red cyan purple orange yellow green等颜色
自定义图标	自定义图标，选填	Fontawsome 的图标名称后半部分，比如 fa-image

具体例子如下

{% note  %}
默认 提示块标签
{% endnote %}

{% note default  %}
default 提示块标签
{% endnote %}

{% note primary  %}
primary 提示块标签
{% endnote %}

{% note success  %}
success 提示块标签
{% endnote %}

{% note info  %}
info 提示块标签
{% endnote %}

{% note warning  %}
warning 提示块标签
{% endnote %}

{% note danger  %}
danger 提示块标签
{% endnote %}

{% note red fa-bolt%}
自定义提示块标签
{% endnote %}

效果：

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

自定义提示块标签

buttons

写法

格式：

{% btn [可选大小]::[名称]::[url]::[可选图标] %}

例如：

不设置任何参数的 {% btn 按钮:: / %} 适合融入段落中。

regular 按钮适合独立于段落之外：

{% btn regular::示例博客::https://www.ohevan.com::fa-solid fa-play-circle %}

{% btn regular::示例博客::https://www.ohevan.com::fa-solid fa-play-circle %}

large 按钮更具有强调作用，建议搭配 center 使用：

{% btn center large::开始使用::https://redefine-docs.ohevan.com::fa-solid fa-download %}

不设置任何参数的 按钮 适合融入段落中。

regular 按钮适合独立于段落之外：

示例博客 示例博客

large 按钮更具有强调作用，建议搭配 center 使用：

开始使用

变量可选值

[可选大小] :

center, regular, large, center large, center regular

[可选图标] :

Fontawesome

图标名称，比如 fa-solid fa-house

floding

写法

{% folding [颜色]::[标题] %}

需要写的内容

{% endfolding %}

例子

{% folding blue::Folding 测试： 点击查看更多 %}

啊啊啊啊啊

{% note danger  %}
danger 提示块标签
{% endnote %}

{% note tip  %}
tip 提示块标签
{% endnote %}

{% endfolding %}

Folding 测试： 点击查看更多

啊啊啊啊啊

danger 提示块标签

tip 提示块标签

颜色列表

yellow, blue, green, red, orange, pink, cyan, white, black, gray

tabs

写法

使用 Tabs 模块需要在 markdown 中按照以下格式编写：

{% tabs 页面内不重复的ID %}
<!-- tab 栏目1名称 -->
内容
<!-- endtab -->
<!-- tab 栏目2名称 -->
内容
<!-- endtab -->
{% endtabs %}

其中，页面内不重复的ID 为你为这个选项卡创建的唯一标识符，可以随便取。

每个栏目内容使用 <!-- tab 栏目名称 --> 和 <!-- endtab --> 来定义。

例子：

{% tabs First unique name %}
<!-- tab First Tab-->
**This is Tab 1.**
<!-- endtab -->

<!-- tab Second Tab-->
**This is Tab 2.**

This is Tab 2.
<!-- endtab -->

<!-- tab Third Tab-->
**This is Tab 3.**

This is Tab 3.

This is Tab 3.
<!-- endtab -->
{% endtabs %}

• First Tab
• Second Tab
• Third Tab

This is Tab 1.

This is Tab 2.

This is Tab 2.

This is Tab 3.

This is Tab 3.

This is Tab 3.