hexo文章

文章目录


目录总结

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、关于中括号的问题

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

相关推荐
chushiyunen2 小时前
neo4j图数据库笔记
数据库·笔记·neo4j
丰锋ff2 小时前
2005 年真题配套词汇单词笔记(考研真相)
笔记
摇滚侠3 小时前
Spring Boot3零基础教程,生命周期启动加载机制,笔记64
spring boot·笔记
摇滚侠3 小时前
Spring Boot3零基础教程,整合 Redis,笔记69
spring boot·redis·笔记
JJJJ_iii3 小时前
【机器学习08】模型评估与选择、偏差与方差、学习曲线
人工智能·笔记·python·深度学习·学习·机器学习
CosimaLi3 小时前
CMake学习笔记
笔记·学习
岑梓铭4 小时前
《考研408数据结构》第六章(5.1+5.2+5.3树、二叉树、线索二叉树)复习笔记
数据结构·笔记·考研·408·1024程序员节
摇滚侠4 小时前
全面掌握 PostgreSQL 关系型数据库,PostgreSQL 介绍,笔记02
数据库·笔记·postgresql
摇滚侠4 小时前
Spring Boot3零基础教程,生命周期监听,自定义监听器,笔记59
java·开发语言·spring boot·笔记
张人玉5 小时前
WPF 控件速查 PDF 笔记(可直接落地版)
笔记·microsoft·wpf