hexo文章 - 技术栈

文章目录

Tag的使用
勾选框
图片的组合
站内文章引用
注意：
- 1、关于中括号的问题

Tag的使用

在 markdown 中加入如下的代码来使用便签：

markdown 复制代码

{% note success %}
文字 或者 `markdown` 均可
{% endnote %}

或者使用 HTML 形式：

html 复制代码

<p class="note note-primary">标签</p>

样式如下：

js 复制代码

{% note primary%}

`primary` 文字 或者 `markdown` 均可
{% endnote %}

{% note secondary%}
`secondary` 
{% endnote %}

{% note success%}
`success` 
{% endnote %}

{% note danger%}
 `danger` 
{% endnote %}

{% note warning%}
`warning` 
{% endnote %}

{% note info%}
`info` 
{% endnote %}

{% note light%}
`light` 
{% endnote %}

勾选框

在 markdown 中加入如下的代码来使用 Checkbox：

markdown 复制代码

{% cb text, checked?, incline? %}

text：显示的文字

checked：默认是否已勾选，默认 false

incline: 是否内联（可以理解为后面的文字是否换行），默认 false

示例：

css 复制代码

{% cb 普通示例 %}

{% cb 默认选中, true %}

{% cb 内联示例, false, true %} 后面文字不换行

{% cb false %} 也可以只传入一个参数，文字写在后边（这样不支持外联）

图片的组合

如果想把多张图片按一定布局组合显示，你可以在 markdown 中按如下格式：

markdown 复制代码

{% gi total n1-n2-... %}
  ![](url)
  ![](url)
  ![](url)
  ![](url)
  ![](url)
{% endgi %}

total：图片总数量，对应中间包含的图片 url 数量
n1-n2-...：每行的图片数量，可以省略，默认单行最多 3 张图，求和必须相等于 total，否则按默认样式

如{% gi 5 3-2 %} 示例，代表共 5 张图，第一行 3 张图，第二行 2 张图。

站内文章引用

post_link

通过内置的标签插件的语法 post_link来实现引用。
这里默认的路径是在 _post 路径下，如果不是默认路径，需要写上相对路径。

js 复制代码

{% post_link '文章文件名(不要后缀)' '文章标题(可选,自定义名字)' %}

注意：

1、关于中括号的问题

不在代码块中的 { 不能出现一对，否则不能渲染页面