在你的文章中添加短代码

为了提高文章可读性,增强人民代码素质….我编不下去了

在阅读这篇文章时,如果你是用的微信小程序那么请复制链接到浏览器打开,以便获得良好的浏览体验

复选框

用法

[noshortcode][checkbox 参数名="参数值"]内容[/checkbox][/noshortcode]

例子



[nocshortcode]
[checkbox]默认复选框[/checkbox]
[checkbox checked="true"]已经完成的项目[/checkbox]
[checkbox checked="flase"]还未完成的项目[/checkbox]
[/noshortcode]

标签

用法

[noshortcode][label 参数名="参数值"]内容[/label][/noshortcode]

例子

[noshortcode]
方形
[label]默认标签[/label]
[label color="indigo"]靛蓝标签[/label]
[label color="green"]绿色标签[/label]
圆形
[label color="indigo" shape="round"]靛蓝标签[/label]
[label color="green" shape="round"]绿色标签[/label]
[/noshortcode]

方形
默认标签
靛蓝标签
绿色标签
圆形
靛蓝标签
绿色标签

进度条

用法

[noshortcode][progressbar 参数名="参数值"]进度条标签内容[/progressbar]

例子

[noshortcode]
[progressbar progress="20"]默认进度条[/progressbar]
[progressbar progress="30" color="indigo"]靛蓝进度条[/progressbar]
[progressbar progress="40" color="green"]绿色进度条[/progressbar]
[progressbar progress="23"][/progressbar]
[progressbar]没有指明参数的进度条[/progressbar]
[progressbar progress="66.66"]小数进度条[/progressbar]
[/noshortcode]

默认进度条
20%

靛蓝进度条
30%

绿色进度条
40%

23%

没有指明参数的进度条
100%

小数进度条
66.66%

提示

用法

[noshortcode][alert 参数名="参数值"]内容[/alert][/noshortcode]

示例

[noshortcode]
[alert]默认提示[/alert]
[alert color="indigo"]靛蓝提示[/alert]
[alert color="green"]绿色提示[/alert]
[alert title="我是标题" color="indigo"]带标题的提示[/alert]
[alert icon="flag" color="indigo"]带图标的提示[/alert]
[alert title="我是标题" icon="flag" color="indigo"]带标题和图标的提示[/alert]
[/noshortcode]

默认提示

靛蓝提示

绿色提示

我是标题 带标题的提示

带图标的提示

我是标题 带标题和图标的提示

警告

示例

[noshortcode][admonition 参数名="参数值"]内容[/admonition][/noshortcode]

示例

[noshortcode]
[admonition]默认警告[/admonition]
[admonition title="我是标题" color="indigo"]靛蓝警告[/admonition]
[admonition title="我是标题" color="green"]绿色警告[/admonition]
[admonition title="我是标题" icon="flag" color="indigo"]带标题和图标的警告[/admonition]
[admonition color="indigo"]不带标题的警告[/admonition]
[admonition title="只有标题的警告" color="indigo"][/admonition]
[admonition title="只有标题和图标的警告" icon="flag" color="indigo"][/admonition]
[/noshortcode]

默认警告

我是标题
靛蓝警告

我是标题
绿色警告

我是标题
带标题和图标的警告

不带标题的警告

只有标题的警告

只有标题和图标的警告

折叠区块

用法

[noshortcode][collapse 参数名="参数值"]内容[/collapse][/noshortcode]

示例

[noshortcode]
[collapse title="默认折叠区块"]折叠的内容[/collapse]
[collapse title="靛蓝折叠区块" color="indigo"]折叠的内容[/collapse]
[collapse title="绿色折叠区块" color="green"]折叠的内容[/collapse]
[collapse title="无色折叠区块" color="none"]折叠的内容[/collapse]
[collapse title="显示左边框的折叠区块" showleftborder="true"]折叠的内容[/collapse]
[collapse title="带图标的折叠区块" icon="flag"]折叠的内容[/collapse]
[collapse title="默认展开的折叠区块" collapsed="false"]折叠的内容[/collapse]
[/noshortcode]







默认展开的折叠区块
折叠的内容

时间线

用法

[noshortcode]
[timeline]
时间|标题|内容第一行|内容第二行|...|内容第 x 行
[/timeline]
[/noshortcode]

示例

[noshortcode]
[timeline]
1926-8-17|长者诞辰|+1s
2019-1-1|这是标题|我是内容|我是第二行内容
2019-12-31/23:59|左边的时间是换行的|在时间中,用 / 号表示一个换行符
[/timeline]
[/noshortcode]
1926-8-17
长者诞辰
+1s
2019-1-1
这是标题
我是内容
我是第二行内容
2019-12-31
23:59
左边的时间是换行的
在时间中,用 / 号表示一个换行符

隐藏文本

这个功能就非常的amzing了

用法如下

[noshortcode][hidden 参数名="参数值"]内容[/hidden][/noshortcode]

示例

[noshortcode]
[hidden]一段隐藏的文本[/hidden]
[hidden type="background"]黑条隐藏文本[/hidden]
[hidden type="blur"]模糊隐藏文本[/hidden]
[hidden tip="你知道的太多了"]鼠标停留会有提示[/hidden]
[/noshortcode]

一段隐藏的文本
黑条隐藏文本
模糊隐藏文本
鼠标停留会有提示

Github Repo 信息卡

用法

[noshortcode][github 参数名="参数值"][/github][/noshortcode]

例子,以本站主题为例(由于github不稳定的原因当前未必能成功获取信息)

 [noshortcode][github author="abc2237512422" project="argon-theme"][/github][/noshortcode]

结束

短代码到这里就结束了,这些代码仅适用于本主题,只有打开网页版才能看到效果,小程序是看不到的,虽然学习成本有点高,但是学会还是挺爽的

暂无评论

发送评论 编辑评论


				
上一篇
下一篇