版式:超空白

bleuboatbleuboat制作,基于超阈限

[[include :bleuboat:theme:super-blank]]

评分: +2+x
  • 评分: +2+x

示例

cc_level_0.jpeg

地狱。

可通过四个连字符“----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。


标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

正常文字 | Body Font
粗体字 | Bold Font
斜体字 | Italics
下划线 | Underline
删除线 | Strikethrough
等宽字 | Mono Font
上标 | Superscript
下标 | Subscript
脚注1 | Footnote2
正常链接
不存在的链接
访问过的链接

这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字


一条分割线

嵌套引用块


嵌套引用块里的分割线

亮色块,链接样式


[[div class="lightblock"]]

[[/div]]

暗色块,链接样式
所有包裹在暗色块中的元素都是反色的。


[[div class="darkblock"]]

[[/div]]

样式块,链接样式


[[div class="styled-quote"]]

[[/div]]

代码块,虚线的。
[[code]]

[[/code]]

也是虚线的,但不是代码块。链接样式


[[div class="dotted-quote"]]

[[/div]]

强调块,也是版式中唯一非双色的元素。链接样式
所有包裹在强调块中的元素都是强调色的,但我不建议你在里面放暗色块(


[[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 中,使其获得 EltracEltrac 百用不腻的特别样式:

[[div class="styled-collap"]]
[[collapsible show="展示" hide="关闭"]]
内容
[[/collapsible]]
[[/div]]

效果:

更多图片框样式

cc_level_0.jpeg

图片下方的描述。

将图片框包裹在“reversed-image”div 中,交换其文字与描述栏的颜色:

[[div class="reversed-image"]]
[[include component:image-block
|name=URL
|caption=图片下方的描述。
]]
[[/div]]

cc_level_0.jpeg

图片下方的描述。

将图片框包裹在“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]]

标题内容

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License