主题颜色
肯德基红--KRed(228, 0, 43)
麦当劳黄--McYellow(255, 188, 13)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}
{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}
{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}
{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
元素示例
一张什么图,看不清也没关系,因为这个东西的作用是给你预览图片块
可通过⑨个连字符“---------”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
一号标题 肯德基 KFC
二号标题 麦当劳 McDonald's
三号标题 德克士 Decos
四号标题 云雀餐饮 GUSTO
五号标题 塔斯汀中国汉堡
六号标题 华莱士喷射战士
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
我什么都没做却要遭受这等残酷的命运,为什么我会在这里?是谁或是什么东西竟是如此残酷无情,竟会把一个人永远地困进一无所有的虚空里?“基金会”,是它干的么?!是基金会俘虏了我?!或是创造了我?!都无所谓!我会一直对着这片虚空高喊尖叫,直到这些波浪的力量撕开离开这地狱的出口。到那时我或许能够找到真相,那个让我存在在这无尽的绝望与疯狂之海中丧失一切逻辑和理由的真相!
…我不会停止尖啸,直到获得自由。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
特色汉堡 div
[[div class="blockquote burger" data-title="示例标题"]]
加入data-title属性即可添加标题;不加此属性则无标题元素,下同。
[[div class="blockquote burger" data-title="示例标题2"]]
同一个元素,注意标题样式和汉堡都不一样!
[[div class="blockquote burger" data-title="示例标题3"]]
一共有两种循环的标题样式和
breaddddd绘制的整整三十种不同汉堡!
[[div class="blockquote burger" data-title="示例标题4"]]
如果你需要精确控制汉堡种类的话,下面有……
[[div class="blockquote burger1" data-title="示例标题"]]
加入data-title属性即可添加标题;不加此属性则无标题元素,下同。
[[div class="blockquote burger2"]]
[[div class="blockquote burger3"]]
[[div class="blockquote burger4"]]
[[div class="blockquote burger5"]]
[[div class="blockquote burger6"]]
[[div class="blockquote burger7"]]
[[div class="blockquote burger8"]]
[[div class="blockquote burger9"]]
[[div class="blockquote burger10"]]
[[div class="blockquote burger11"]]
[[div class="blockquote burger12"]]
[[div class="blockquote burger13"]]
[[div class="blockquote burger14"]]
[[div class="blockquote burger15"]]
[[div class="blockquote burger16"]]
[[div class="blockquote burger17"]]
[[div class="blockquote burger18"]]
[[div class="blockquote burger19"]]
[[div class="blockquote burger20"]]
[[div class="blockquote burger21"]]
[[div class="blockquote burger22"]]
[[div class="blockquote burger23"]]
[[div class="blockquote burger24"]]
[[div class="blockquote burger25"]]
[[div class="blockquote burger26"]]
[[div class="blockquote burger27"]]
[[div class="blockquote burger28"]]
[[div class="blockquote burger29"]]
[[div class="blockquote burger30"]]
[[div class="blockquote burger" data-title="示例标题5"]]
以及,如果你需要精确控制div颜色的话,还有……
[[div class="blockquote burger main-accent" data-title="示例标题"]]
添加main-accent或者side-accent类!
[[div class="blockquote burger side-accent"]]
可以和精确控制汉堡种类的选项一起使用!
其他特色元素
[[div class="full-width-container"]]
此元素会使放置在其中的任何[[div]]变成全宽,慎用。此元素本身没有样式,此处黑色背景仅用于展示全宽的效果。
修改配色
可以使用简单的CSS修改配色,此处放上示例。
/* 德克士 */
:root {
--McYellow: 55, 175, 45;
--KRed: 145, 235, 90;
--element-main-accent-color: var(--McYellow);
--element-side-accent-color: var(--KRed);
}