Please enable Javascript to view the contents

Shortcodes使用参考

 ·  ☕ 1 分钟 · 👀... 阅读

盒子

支持 Markdown 语法的盒子

语法:
boxmd

或者:

1
<div class="box">This is <strong>boxmd</strong> shortcode</div>

渲染显示:

This is boxmd shortcode

简单盒子

语法:

box

渲染显示:

This is **box** shortcode

代码选项卡

可以在不同的代码块之间切换,语法:

code-tab

渲染显示:

1
System.out.println('Hello World!');
1
console.log('Hello World!');

常规选项卡

这个和代码选项卡类似,不同的是,这种选项卡更加“常规”。语法:

tab

渲染显示:

Windows section

1
console.log('Hello World!');

⚠️Becareful that the content in the tab should be different from each other. The tab makes unique id hashes depending on the tab contents. So, If you just copy-paste the tabs with multiple times, since it has the same contents, the tab will not work.

MacOS section

Hello world!

Ubuntu section

Great!

展开栏

语法:

expand

渲染显示:

Title

contents

Title2

contents2

彩色文本框

语法:

color-box

渲染显示:

彩色注意框

语法:

notice-box

渲染显示:

success text
info text
warning text
error text

图片描述

使用语法:

image

渲染显示:

image alt
Sample Image: Image with title, caption, alt, ...

按钮

语法:

button

简单按钮:

button

设置宽度高度:

button

设置颜色:

button

VictorHong
作者
VictorHong
📚Learner🤓Nerd🌐Developer 努力做有价值的事情