[[include :bleuboat:theme:super-blank]]
示例
地狱。
可通过四个连字符“----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
嵌套引用块里的分割线
代码块,虚线的。
[[code]]
[[/code]]强调块,也是版式中唯一非双色的元素。链接样式。
所有包裹在强调块中的元素都是强调色的,但我不建议你在里面放暗色块(
[[div class="accent-block"]]
[[/div]]
要更改强调色,使用以下 CSS 模块代码:
[[module CSS]]
:root {
/*深色*/--bb-accent-color: 0, 0, 0;
/*浅色*/--bb-accent-background: 255, 255, 255;
}
[[/module]]
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |
| 1 | 2 |
| 3 | 4 |
| 谁是这里 | 最厉害的? |
| #十六进制 | #至高无上 |
版头、标题、正文的字体为思源黑体 / Inter
等宽字体为思源宋体 / Bitter
更多功能
圆角 DIV
将其他 div 包裹在以下代码中,即可将之变为圆角:
[[div class="radius-div"]]
[[/div]]示例:
[[div class="radius-div"]]
[[div class="lightblock"]]
文本
[[/div]]
[[/div]]文本
替换样式
更多分割线样式
默认分割线(虚线):
[[div class="dashed-hr"]]
[[/div]]实线分割线:
[[div class="solid-hr"]]
[[/div]]渐变分割线(来自 GP!):
[[div class="styled-hr"]]
[[/div]]更多折叠样式
将折叠包裹在“classic-collap”div 中,使其获得与链接相同的样式:
[[div class="classic-collap"]]
[[collapsible show="+ 展示" hide="- 关闭"]]
内容
[[/collapsible]]
[[/div]]效果:
将折叠包裹在“styled-collap”div 中,使其获得 Eltrac 百用不腻的特别样式:
[[div class="styled-collap"]]
[[collapsible show="展示" hide="关闭"]]
内容
[[/collapsible]]
[[/div]]效果:
更多图片框样式
图片下方的描述。
将图片框包裹在“reversed-image”div 中,交换其文字与描述栏的颜色:
[[div class="reversed-image"]]
[[include component:image-block
|name=URL
|caption=图片下方的描述。
]]
[[/div]]
图片下方的描述。
将图片框包裹在“bordered-image”div 中,使其拥有一个边框:
[[div class="bordered-image"]]
[[include component:image-block
|name=URL
|caption=图片下方的描述。
]]
[[/div]]
更多标题样式
默认的标题是居中的,你可以将之隐藏(详见下方预设),随后更换为你喜欢的样式。
使用“meta-title”创建一个标题。其样式与默认标题相同。
[[div class="meta-title"]]
标题内容
[[/div]]加上“classic-title”使之变为阈限版式的经典标题样式。
[[div class="classic-title meta-title"]]
标题内容
[[/div]]加上“new-title”使之变为新阈限版式的标题样式。
[[div class="new-title meta-title"]]
标题内容
[[/div]]