博客搭建（二）发表文章

null-qwerty
  2023-10-05 20:29 2023-10-05 20:29 创建   2025-10-28 09:54:55 2025-10-28 09:54:55 更新   1.2k 字  5 分钟  

新建文章

命令

1
hexo new [layout] <title>

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

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

新建页面文件格式为 markdown。

草稿

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

1
$ hexo publish [layout] <title>

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

redefine 附加语法

notes

note large

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

1
2
3
4
{% notel [颜色] [可选: 自定义图标] [标题] %}
内容
支持换行
{% endnotel %}
参数说明可选值
颜色提示块的样式或颜色blue red cyan purple orange yellow green等颜色
自定义图标自定义图标，选填Fontawsome 的图标名称后半部分，比如 fa-image

例如

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% notel default fa-info 信息 %}
换行测试
换行测试
换行测试
{% endnotel %}

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

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

效果：

信息

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

提示

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

自定义标题

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

note

格式：

1
2
3
{% note [样式/颜色] [可选: 自定义图标] %}
笔记内容
{% endnote %}
参数说明可选值
样式/颜色提示块的样式或颜色success default primary info warning danger tip question以及 blue red cyan purple orange yellow green等颜色
自定义图标自定义图标，选填Fontawsome 的图标名称后半部分，比如 fa-image

具体例子如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{% 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

写法

格式：

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

例如：

1
2
3
4
5
6
7
8
9
10
11
不设置任何参数的 {% 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 使用：

开始使用

变量可选值

[可选大小] :

1
center, regular, large, center large, center regular

[可选图标] :

Fontawesome

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

floding

写法

1
2
3
4
5
{% folding [颜色]::[标题] %}

需要写的内容

{% endfolding %}

例子

1
2
3
4
5
6
7
8
9
10
11
12
13
{% folding blue::Folding 测试： 点击查看更多 %}

啊啊啊啊啊

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

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

{% endfolding %}
Folding 测试： 点击查看更多

啊啊啊啊啊

danger 提示块标签

tip 提示块标签

颜色列表

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

tabs

写法

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

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

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

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

例子：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{% 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 %}

This is Tab 1.

This is Tab 2.

This is Tab 2.

This is Tab 3.

This is Tab 3.

This is Tab 3.

  • 标题: 博客搭建（二）发表文章
  • 作者: null-qwerty
  • 创建于 : 2023-10-05 20:29:00
  • 更新于 : 2025-10-28 09:54:55
  • 链接: https://blog.null-qwerty.work/2023/10/05/博客搭建（二）发表文章/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论
目录
博客搭建（二）发表文章
  1. 新建文章
    1. 草稿
  2. redefine 附加语法
    1. notes
    2. buttons
    3. floding
    4. tabs