黑色标记笔 主题版式
2019年4月2日
修订 84
评分
31
↑ 32
↓ 1
支持率
97%
总票数 33
Wilson 95% 下界
84.7%
在相同票数下更稳健的支持率估计
争议指数
0.118
评分趋势
按周聚合 加载图表中...
最近修订
1 / 29
最近投票
1 / 4
2025-07-22
2025-05-03
2024-09-03
2024-09-03
2024-09-03
2024-09-03
2024-09-03
2023-02-03
2023-01-31
2022-12-03
相关页面
暂无推荐
页面源码
[[module CSS]]
@import url("https://bhl.scpwikicn.com/css/min/normalize.min.css");
@import url("https://bhl.scpwikicn.com/css/min/black-highlighter.min.css");
[[/module]]
[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=0&override=1&type=sidebar&theme=https%3A%2F%2Finterwiki.scpwikicn.com%2Fcss%2Fstyle-bhl.css" style="display: none"></iframe>
[[/embed]]
[[iftags +版式]]
[[module css]]
.scp-image-block.block-right {
padding: 1em !important;
background: var(--gradient-header);
}
.scp-image-block img {
padding-bottom: 1em;
}
.status {
font-family: var(--title-font);
font-weight: 900;
font-size: 200%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.status span.active {
color: rgb(var(--white-monochrome));
margin-left: 0.5rem;
-webkit-box-shadow:
inset 100vw 0 0 0 rgb(var(--rating-module-button-plus-color)),
0.25rem 0.25rem 0 rgb(var(--rating-module-button-plus-color)),
-0.25rem -0.25rem 0 rgb(var(--rating-module-button-plus-color)),
-0.25rem 0.25rem 0 rgb(var(--rating-module-button-plus-color)),
0.25rem -0.25rem 0 rgb(var(--rating-module-button-plus-color));
-moz-box-shadow:
inset 100vw 0 0 0 rgb(var(--rating-module-button-plus-color)),
0.25rem 0.25rem 0 rgb(var(--rating-module-button-plus-color)),
-0.25rem -0.25rem 0 rgb(var(--rating-module-button-plus-color)),
-0.25rem 0.25rem 0 rgb(var(--rating-module-button-plus-color)),
0.25rem -0.25rem 0 rgb(var(--rating-module-button-plus-color));
box-shadow:
inset 100vw 0 0 0 rgb(var(--rating-module-button-plus-color)),
0.25rem 0.25rem 0 rgb(var(--rating-module-button-plus-color)),
-0.25rem -0.25rem 0 rgb(var(--rating-module-button-plus-color)),
-0.25rem 0.25rem 0 rgb(var(--rating-module-button-plus-color)),
0.25rem -0.25rem 0 rgb(var(--rating-module-button-plus-color));
}
.fonts-display {
font-size: 1.25em;
}
.title-font {
font-family: var(--title-font);
font-weight: 700;
}
.header-font {
font-family: var(--title-font);
font-weight: 900;
}
.UI-font {
font-family: var(--UI-font);
}
.mono-font {
--MONO: 1;
--CASL: 0;
--CRSV: 0;
font-family: var(--mono-font);
}
[[/module]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlighter-theme/black-highlighter-logo.svg]]
[[=]]
[[div_ class="status"]]
此组件目前 [[span class="active"]]已启用[[/span]]
[[/div]]
[[/=]]
_
[[div style="border: 1px solid #ddd; padding: 1em; text-align: center;"]]
+ 使用方法
在任何维基网站上:
[[div class="code" style="text-align: center;"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
[[/div]]
[[div class="blockquote" style="text-align: center;"]]
++ [[[black-highlighter-themes|]]]
------
++ 可选插件
+++ [[[component:bhl-dark-sidebar|暗色侧边栏]]]
[[div class="code"]]
@@[[include :scp-wiki:component:bhl-dark-sidebar]]@@
[[/div]]
+++ [[[component:collapsible-sidebar|可折叠侧边栏]]]
[[div class="code"]]
@@[[include :scp-wiki:component:collapsible-sidebar]]@@
[[/div]]
+++ [[[component:toggle-sidebar-bhl|切换侧边栏]]]
[[div class="code"]]
@@[[include :scp-wiki:component:toggle-sidebar-bhl]]@@
[[/div]]
+++ [[[component:centered-header-bhl|居中页眉]]]
[[div class="code"]]
@@[[include :scp-wiki:component:centered-header-bhl]]@@
[[/div]]
[[/div]]
[[/div]]
+ 这是什么
一个将[https://scptestwiki.wikidot.com/ 黑色标记笔]版式应用于你的作品的组件。
这个组件将应用一个稳定版本的黑色标记笔版式,但更新时有可能会出现故障。
+ 报告问题
如果您拥有 Github 帐户,请在[https://github.com/Nu-SCPTheme/Black-Highlighter/issues 这里]创建一个 Issue,详细说明您的问题(无论是技术、外观还是其他任何的问题)。
如果您没有 Github 帐户,或者您更希望直接与某人讨论,请加入 SkipIRC 上的 {{#black-highlighter}} 频道,或者向 [[*user Woedenaz]] 或 [[*user Croquembouche]] 发送私人讯息。
-----
[[=]]
+ 主题颜色
[[/=]]
[[include :scp-wiki:component:theme-squares -=-
| color1-name=Payne's Grey
| color1-variable=--gray-monochrome
| color1-info=(66, 66, 72)
| color1-has-light-text=1
| color2-name=Rosewood
| color2-variable=--bright-accent
| color2-info=(133, 0, 5)
| color2-has-light-text=1
| subcolor1-name=Alto
| subcolor1-variable=--very-light-gray-monochrome
| subcolor1-info=(215, 215, 215)
| subcolor2-name=White Smoke
| subcolor2-variable=--pale-gray-monochrome
| subcolor2-info=(244, 244, 244)
| subcolor3-name=Bastille
| subcolor3-variable=--dark-gray-monochrome
| subcolor3-info=(48, 48, 52)
| subcolor3-has-light-text=1
| subcolor4-name=Buccaneer
| subcolor4-variable=--medium-accent
| subcolor4-info=(100, 46, 44)
| subcolor4-has-light-text=1
| subcolor5-name=Maroon
| subcolor5-variable=--dark-accent
| subcolor5-info=(100, 3, 15)
| subcolor5-has-light-text=1
| subcolor6-name=Mango Tango
| subcolor6-variable=--newpage-color
| subcolor6-info=(221, 102, 17)
]]
+ 示例
[[include component:image-block name=https://bhl.scpwikicn.com/img/logo.svg|caption=SCP 基金会 标志|width=200px]]
可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
-----
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
[[collapsible show="+ 标题" hide="- 标题"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
@@ @@
[[tabview]]
[[tab 分页]]
此为分页(tab view)。
[[/tab]]
[[tab 分页]]
看,这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
[[/tab]]
[[tab 由于一些奇怪的原因,这个空 tab 有一个很长的名字。我想知道为什么?这很奇怪。]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[/tabview]]
> 这是一个引用块,在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
[[=]]
[[div_ class="fonts-display"]]
正文、[[span class="title-font"]]标题[[/span]]和[[span class="header-font"]]页眉[[/span]]字体为 [https://rsms.me/inter/ Inter] / [https://fonts.google.com/specimen/Noto+Sans+SC Noto Sans SC]。
[[span class="UI-font"]]用户界面字体为 [https://www.paratype.com/fonts/pt/pt-root-ui PT Root UI]。[[/span]]
[[span class="mono-font"]]等宽字为 [https://www.recursive.design/ Recursive] / [https://fonts.google.com/specimen/Noto+Serif+SC Noto Serif SC]。[[/span]]
[[/div]]
所有字体均基于 [http://scripts.sil.org/OFL SIL 开源字体许可 Ver. 1.1]。
[[/=]]
-----
[[/iftags]]