扩展Shortcode
以下Shortcode均来自Hugo的Hugo Book主题……
一、columns
分栏显示内容……
使用方法
{{< columns >}}
Content_1 (With Markdown)
<--->
Content_2
{{< /columns >}}
使用例
左侧栏
OI的发生，到底需要如何做到，不OI的发生，又会如何产生。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 塞涅卡在不经意间这样说过，真正的人生，只有在经过艰难卓绝的斗争之后才能实现。这启发了我， OI因何而发生?我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 既然如此， 了解清楚OI到底是一种怎么样的存在，是解决一切问题的关键。 既然如何， 现在，解决OI的问题，是非常非常重要的。 所以， 问题的关键究竟为何? 经过上述讨论就我个人来说，OI对我的意义，不能不说非常重大。 所谓OI，关键是OI需要如何写。 一般来讲，我们都必须务必慎重的考虑考虑。 OI的发生，到底需要如何做到，不OI的发生，又会如何产生。 既然如何， 那么， 既然如何， 我们不得不面对一个非常尴尬的事实，那就是， 歌德曾经说过，没有人事先了解自己到底有多大的力量，直到他试过以后才知道。我希望诸位也能好好地体会这句话。
中间栏
俾斯麦曾经说过，对于不屈不挠的人来说，没有失败这回事。带着这句话，我们还要更加慎重的审视这个问题： 要想清楚，OI，到底是一种怎么样的存在。 每个人都不得不面对这些问题。 在面对这种问题时， 培根曾经说过，要知道对好事的称颂过于夸大，也会招来人们的反感轻蔑和嫉妒。我希望诸位也能好好地体会这句话。 生活中，若OI出现了，我们就不得不考虑它出现了的事实。 就我个人来说，OI对我的意义，不能不说非常重大。 既然如何， 塞涅卡在不经意间这样说过，生命如同寓言，其价值不在与长短，而在与内容。我希望诸位也能好好地体会这句话。
右侧栏
所谓OI，关键是OI需要如何写。 所谓OI，关键是OI需要如何写。 那么， 既然如何， OI，到底应该如何实现。 带着这些问题，我们来审视一下OI。 我们不得不面对一个非常尴尬的事实，那就是， 所谓OI，关键是OI需要如何写。
偷偷摸摸栏？……
测试……
中间的文本尽量不要太长，不然会占用很大竖直空间……
二、details
内容折叠栏……
使用的为HTML的details标签……
使用方法
{{< details "Title" [open] >}}
content
{{< /details >}}
- open为可选项，加入open代表默认打开……
另一种方法：
{{< details title="Title" open=true >}}
content
{{< /details >}}
使用例
源码
{{< details "折叠内容……" >}}
这里面是折叠内容……
{{< /details >}}
效果
折叠内容……
嵌套测试
不要点开看！……
不要看！……
都说了不要点开啦qwqqq快关上！！……
都说了不要点开啦qwqqq快关上！！……
都说了不要点开啦qwqqq快关上！！……
都说了不要点开啦qwqqq快关上！！……
都说了不要点开啦qwqqq快关上！！……
真的不要看啦【【……
再这么看人家超害羞的(*/ω＼*)……
诶诶还不关上嘛！……
真拿你没办法，那就给你看看我多年的代码实力吧！【x……
#inculde(iosteam)
using namespace qwq;
int mian()
{
int a,b;
cin<<a+b;
cout>>a>>b;
}
诶诶不喜欢嘛？……
那那来看看世界第一可爱的童田明治吧！……
がぶがぶ……
内嵌columns 图片测试 1
内嵌columns 图片测试 2
已完成对之前问题的修复：
内嵌的时候请不要使用> {{< details >}}（引用加上details），否则会造成错误与样式混乱
解决方法：shortcodes的渲染要用.RenderString……
已修复：details内嵌columns时，若columns有图片，会造成的格式错误……
原因：markdown会把4个空格当为代码块处理，故shortcodes的{}中要加上-符号，变为{{- ... -}}来删除多余空格……
样式更改参考自借助HTML5 details,summary无JS实现各种交互效果……
三、tabs
分标签显示……
使用方法
{{< tabs "uniqueID" >}}
{{< tabs/tab "1" >}} Content_1 {{< /tabs/tab >}}
{{< tabs/tab "2" >}} Content_2 {{< /tabs/tab >}}
{{< tabs/tab "3" >}} Content_3 {{< /tabs/tab >}}
{{< /tabs >}}
uniqueID为一个独一无二的ID……
使用例
源码
{{< tabs "1" >}}
{{< tabs/tab "第一标签页" >}}
## 天才麻将少女
打麻将真开心啊……
{{< /tabs/tab >}}
{{< tabs/tab "第二标签页" >}}
## 兽娘动物园
是会每天没事干不务正业的Friends呢【指自己……
{{< /tabs/tab >}}
{{< tabs/tab "第三标签页" >}}
## 魔法少女小圆
身体好轻，怀着这么幸福的感觉战斗还是第一次，已经没什么好怕的了，因为我不再是孤单一人了！……
{{< /tabs/tab >}}
{{< /tabs >}}
效果
天才麻将少女
打麻将真开心啊……
兽娘动物园
是会每天没事干不务正业的Friends呢【指自己……
魔法少女小圆
身体好轻，怀着这么幸福的感觉战斗还是第一次，已经没什么好怕的了，因为我不再是孤单一人了！……