谈天说地 版式
评分: +89+–x
Zhongshuo_Official_Platform.svg
Polished%20Basalt%20Theme%20G.svg
Polished%20Basalt%20Theme%20G%20CN.svg

本版式基于磨制玄武岩
第二阶段Milestone 2
制作

该版式可能会随磨制玄武岩本体的开发进度而出现对应的变更及调整
且在第二阶段开发结束后
该版式的基底将从当前的内部开发Internal频道
更换为公众测试Beta频道
敬请留意

在任意页面内的源代码开头插入以下代码以启用本版式:
[[include :scp-wiki-cn:theme:opinions-broadcaster]]

信息

磨制玄武岩是一个由——不是等下我拿了什么剧本来着???


谈天说地是一个由Jonuarl RedenJonuarl Reden为SCP基金会中文分部制作的基于磨制玄武岩的主题版式.不过现在距离它被正式发布到中分还挺遥远的,甚至都还没到考虑公开预览(Public Preview)的时候,所以你可以认为它目前是基于玄武岩本体的版式。,专为作者名下的GoI设定“众说平台”而设计、定制。不过你也可以直接拉过去修补一番之后用在你的伪·微信公众号推文上面,我没意见,只要你能保证CC并且不会招惹到赵█龙甚至腾█本部的人的律█函或██通知书就行。

本版式对玄武岩的基础设计语言作出了一定的改动,以更为贴合个人审美及偏好。此外,本版式还一并对自基岩和玄武岩遗留下来的各式bug与兼容性问题作出尽可能全面的修复,并已对相当多数的组件予以风格适配,虽然这个版式大概率用不到最后一个特性并且这段啊呼还是抄的磨制玄武岩的简介。哦你问我这段话是不是现编的,我可以告诉你不是。

但微信公众号上的文章就未必了,懂我意思。

本版式直接基于玄武岩开发。

本版式暂不支持任何自定义设置和主题预设。

页面元素

[[span class="st"]] [[span class="specialtext"]].从告诫那边拿来的。只有st才能被tableX染色,下面的bt则不能。

[[span class="bt"]] [[span class="bigtext"]]

[[div class="blockquote"]]

[[div class="notation"]]

[[div class="jotting"]]

[[div class="smallmodal"]]

[[div class="papernote"]]

……又或者他们的暗色版本。

[[div class="blockquote reverse"]]

[[div class="notation reverse"]]

[[div class="jotting reverse"]]

[[div class="smallmodal reverse"]]

[[div class="papernote reverse"]]

附录CN/4556-1:2026年7月18日,欧怀水前往实事市家具城,意向购置一大型立式书柜。在与店员闲聊期间,欧怀水称“有点怀念之前会自己动的图书馆了”。

[[div class="floatbox"]]

这是浮动框(floatbox)。你可以在里面塞入任何类型的内容(除了更好的脚注之外,暂时如此)(包括更好的脚注)。这些内容会相对于围绕在其旁边的内容浮动在页面的一侧。

监控及观测数据表明,在欧怀水作出如此发言的约30s后,原本安置于山城云泽区西南部空地的SCP-CN-4556在毫无征兆的前提下自行抬升脱离地面,其基座下方的空间随后变形为类似于汽车底盘的结构,并伸出8个30R45(估算).其轮毂直径约为一般重卡和牵引车所使用的轮胎规格(12R22.5)之2倍。规格的车辆轮胎附件。在变形完毕后,其即自原始位置起步,以类似于牵引车之逻辑和轨迹往石狮市(实事市之空间投影位置)方向移动,期间可根据路面宽度自由放缩建筑本体之整体宽度,或整体平面旋转90度。

驻留在异常周边的基金会人员在发现此情况后,立刻上报附近站点,并试图对该建筑予以当场拦截,但其起步后迅速达到平均500km/h之时速,令物理拦截或逼停的相关方案无法实行。得知此消息后,基金会中国分部西南及华南区域立刻将其纳入全局监控目标清单之中,并开始着手应对此突发性收容突破状况。

[[div class="floatbox reverse"]]

是的这也有暗色版本!

[[div class="floatbox right"]]

不信?.实践见真章。

特别,因其移动速度过快且难以被控制,目击者的区域分布范围在短时间内大幅扩张,导致基金会于超常社群内的帷幕管制被大量有关“山城图书馆在高速路上逮虾户.网络用语,“超高速飙车”意。”及类似内容冲击至功能性瘫痪状态,仅能保证相关信息不至于泄露至常态社会。

该异常最终于长沙西北侧约130km处自动停止,此时可抵达其所在位置的所有路径均被交警及基金会联合封锁(掩盖故事为“突发重大交通事故”)。停滞约5min后,其以同样的方式原路返回至山城内部,但并未于云泽区归位,而是自行移动之地理位置相对最远的华宫区北侧某空地处,并在之后还原为初始的建筑样貌。

[[div class="floatbox right reverse"]]

考虑到华宫区与重庆江北国际机场周边空域有重叠,在该异常发生爆炸时存在危急常态航空乃至破坏帷幕的风险,此后其被转移至刘山新区西南侧另行收容。

基金会已在收容突破事件结束后展开关联调查及帷幕掩盖工作。

——*SCP-CN-4556 - 飞天疾走山城图书馆(实事市重建局™承建),由Jonuarl RedenJonuarl Reden创作。

[[div class="document"]]

[[div class="darkdocument"]]
……或者是[[div class="document reverse"]]

[[div class="raisa_memo"]]
或是[[div class="raisa memo"]]

Zhongshuo_Official_Platform.svg

每个人都有发表自己的言论的自由与权利。而我们,只是负责保障它们的力量的一小部分。
这,便是众说纷纭。

可通过6个连字符“------”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这是版式作者和wikidot的习惯。

可通过5个连字符“-----”创建水平分割线,就像通过4个连字符“----”创建水平分割线那样,当然也可以通过6423个连字符“---(此处省略6417个连字符)---”甚至10086个连字符“---(此处省略10080个连字符)---”创建不能通过3个连字符“---”创建的,和下面这一条的样式别无二致的,由61个连字符“-------------------------------------------------------------”.反正Agent FSAgent FS宣称这一段真的有61个连字符。你够无聊的话可以数一下。创建的水平分割线。这一段纯属为了气笑所有人,并让所有人怀疑这个版式作者是不是被某条蛆夺舍了。


标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。但是没事尽量别用这玩意,毕竟大多数时候你并不需要什么目录。或者你对标题有亿些自定义的想法。图省事的话当我没说。

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

这是分页(Tab View)。个人感觉目前这玩意用在什么正式作品里面只会徒增烦恼。

这是 表格
你应该老早 就知道怎么
做这个了吧
但是真的吗?
嘻嘻 借助更高级的语法
你可以做出 更华丽更复杂的表格
前提是,你知道怎么搭建
Bibliography
1. ……甚至参考文献都长这样?!

着色

某些元素,如表格、图片框、span st类可以被tableX类着色。

此系统被设计为与异常分类系统相互关联;每一种颜色都对应了不同的安保权限等级。你应该知道它们都带着什么颜色了。

不过,现在不需要套上div也能给span st类染色了!而且如果你追加了polished-acs类,那么着色版就会变成下面这个样子。

.table1
这里是文本
这里是文本
这里是文本
Zhongshuo_Official_Platform-Frameworked-Greyscale.svg

.table1

.table2
这里是文本
这里是文本
这里是文本
Zhongshuo_Official_Platform-Simplified-Greyscale.svg

.table2

.table3
这里是文本
这里是文本
这里是文本
Zhongshuo_Official_Platform-Greyscale.svg

.table3

.table4
这里是文本
这里是文本
这里是文本
Zhongshuo_Official_Platform-Frameworked.svg

.table4

.table5
这里是文本
这里是文本
这里是文本
Zhongshuo_Official_Platform-Simplified.svg

.table5

.table6
这里是文本
这里是文本
这里是文本
Zhongshuo_Official_Platform.svg

.table6

……而且你也可以单独对某个span st类染上经过修改的颜色!只需要在span类的最后加上polished-acs即可。

版式专有特性

以下内容为磨制玄武岩公共(可选)特性。

高级折叠块

    • _

    如果你在多重折叠模块内启用了ifprot选项,其样式在本版式下将会从原先的灰色小按钮同步变更为此处所展示的高级折叠块样式。当然,你也只能让这个折叠块居中,就像一般情况下的ifprot会做的事情那样。

    当然,假设你想要回退到没那么花哨的样子……

    [[div class="col-normal"]]
    [[include :scp-wiki-cn:component:coltop show=展开链接 hide=折叠链接]]
    里面的内容!
    [[include :scp-wiki-cn:component:colend]]
    [[/div]]

    ……把嵌套div块当中的类换成col-normal即可。

更优雅的顶栏隐藏

本版式的顶栏默认隐藏。不过,当你点击页面顶部,或是将鼠标移动到页面顶部时,顶栏将恢复至正常显示的状态,附带弹出动画和失焦渐隐效果。触屏环境下不会因点击任何不可见的链接的位置而产生误触和误跳转行为。

为排版美观及识别方便起见,窄屏条件下的顶栏排版有所微调。

统一脚注

我觉得这已经不用多说了。.这是更好的脚注的样式。很普通,对吧?哦对了顺带一提,现在在一般情况下它会统一从右下角浮现,移动端窄屏条件下则是从下方浮现。2[1]


以下内容为本版式特化特性。
核心特性将被高亮显示。

图片快速裁剪

使用如下代码插入图片,而非普通的image语法或图片组件。

[[div class="image-fast-crop" style="--image-link: url({图片链接}); --image-size: {图片大小,默认为cover(适当放缩以铺满整个图片框)}; --crop-position: {图片的裁剪中心位置,默认为center(正中央)}; --image-width: {图片的宽度,默认为100%}; --image-height: {图片的高度,默认为20rem,不可使用任何百分比};"]]
▲ 这是可选的图片注释。
[[/div]]

▲ 效果大概是这样子,其中各参数指定如下:大小为150%,位置参数为45% 60%,高度为17.5rem,宽度为50%。顺便,如果你发现这张图片明显要亮一些的话,这是正常现象,因为这图片实际上是HDR内容……

然后你就可以只在必要的时候再打开图片编辑软件了。当然如果图片太大的话,那还是得自己手动裁切一下的……

否则你就等着流量不足的读者上门骂你吧……

▲ 哦对了这是默认的显示效果。

言谈号文章页面框架

本版式设置了一系列可用于高度模仿微信公众号排版的div类,开箱即用。全套组件模板与示例如下。

可能会有人问“为什么不能使用include方式!这太眼花缭乱了!”,但是我说你先别急。听我说完,后面会有include代码的。

信息栏

发布者 发布日期 发布时间 地点

评分: +89+–x

框架代码

[[div class="span-row"]] [!-- 注意,span-row之div类实为磨制玄武岩的共有特性。 --]
[[div class="opinions infobar"]]
[# 发布者] 发布日期 发布时间 地点
[[/div]]

[[module rate]] [!-- 左侧的评分组件可根据需要更换为带著作信息模块的版本。或者其他东西,只要你能保证这玩意同在一个div块或p段落或span区域就行。 --]
[[/div]]

正文部分

如果你在这里写你的公众号——世界观内称之为“言谈号”——推文内容的话,你会发现,这里的字体被放大了一些。这是为了贴近微信公众号内容的可读性,并让其阅读体验更为舒适。

同时,这里也将是你的推文元素的容器——如果你不知道这是什么意思的话,你所有的各种装饰或者浮动div块均不能超出正文部分。对,这也是为了模拟公众号推文对正文部分的内容要求。

对了,可别忘了加上最下面的元信息部分。

消息来源:来源

框架代码

[[div class="opinions content"]]

正文

[[span class="source"]]消息来源:来源[[/span]] [!-- 可选。如果你不是在写新闻稿的话,这行可以删了。当然也可以填上其他的东西,或者干脆整块换成精美的版权声明提示。 --]
[[/div]]

[[div class="opinions metadata span-row"]]
[[span]]阅读 阅读量[[/span]]

[[span]][# 查看原文][[/span]] [!-- 可选。并且这里面的链接也可以换成页面链接([[[{页面名称}|查看原文]]])或是干脆一串网址,哪怕你往里面塞RickRoll都行。 --]
[[/div]]

留言部分

留言 留言数

480
393
65
71

请 登录 或 注册 您的众说账号以进行评论。



咦?好像需要登录账号才能看这里的东西哦?

登录 或 注册 您的众说账号以展开更多评论。

留言 留言数

619
437
108
95

现在登录进去了!

你可以在这里输入留言内容,但不建议太长,否则……会很夸张,而且会撑爆这里。别忘了,微信公众号本体的留言也有大概150字的限制。



正如你所见,这套框架有登录和未登录两个版本,但二者的差别仅限于少量细节上的状态匹配。

关于这里,也就是留言贴内容的部分,参见下一节。

已展开所有评论。

框架代码

觉得一大堆div和span满天飞头疼得要命?

使用如下模板可快速上手。

[!-- =====从这里开始复制===== --]
[[include :scp-wiki-cn:component:opinions-broadcaster-comment-area comment-head=--]
[!-- 以下内容必填。如果不知道填什么的话,干脆全0或者扔个“点赞”之类的东西上去。 --]
|status-like={点赞数}
|status-share={转发数}
|status-heart={推荐数}
|status-collect={收藏数}
|status-comments={留言数}

[!-- 如果不需要修改主视角头像的话可以删除以下设置。 --]
|viewer-avatar=url({主视角头像链接})
|viewer-size={主视角头像大小}
|viewer-pos={主视角头像位置}
[!-- 以下为可选内容。 --]
|unlogin= [!-- 可选。在此处填入“o”以启用未登录的样式。 --]
|unlogin-info-alter= [!-- 可选。在此处填入*以自定义无法使用输入框时的提示。默认为未登录。 --]
|content= [!-- 可选。待发送的评论内容。启用未登录样式时,结合unlogin-info-alter=--]以在此处自定义提示内容,否则此设置项无效。 --]
]]

[!-- =====从这里开始编写你的留言===== --]

留言贴内容(参见下文)

[!-- =====在这里结束编写你的留言===== --]

[[include :scp-wiki-cn:component:opinions-broadcaster-comment-area comment-tail=--]

[!-- 以下为可选内容。 --]
|tail-info-alter= [!-- 可选。在此处填入*以自定义留言区末尾的提示。在未登录状态下默认为未登录,否则为“已展开所有评论”。 --]
|content= [!-- 可选。结合info-alter=--]以在此处自定义提示内容,否则此设置项无效。 --]
]]
[!-- =====在这里结束复制===== --]

众说平台留言贴内容

参考简单模拟QQ聊天栏组件的思路而制作。是的,如果你想尽快上手的话,你只需要在外面套一层div。

……然后开箱即用就可以了!

组织认证用户名称 地点 时间 回复 赞 .

这是第一层评论
需要换行的话就这么做
非常简单快捷
个人认证用户名称 地点 时间 回复 赞 .

这是第二层评论
对于特殊用户你可以给他扣一个头衔,如资质认证、作者或贴主、封禁账号或空账号等

待认证用户名称 地点 时间 回复 赞 .

如果你看到这里的源代码的话,你会发现
这部分讨论区的代码几乎全是基本wikidot语法!

贴主用户名称 地点 时间 回复 赞 .

哦对了你也可以选择在这里面塞进去非常非常非常长的一段话比如没有意义营养的废话又或者发癫文学或者干脆是神文节选之类的存在,然后你就会发现这段话居然换行了!
当然了一般的微信公众号留言区存在大概150字左右的字数限制所以……

用户名称

用户名称……你要是想着往这里塞一整篇文章的话……那还是洗洗睡好了。

已封禁用户名称 地点 时间 回复 赞 .

用户名称咦?这是什么?

账号已删除 地点 时间 回复 赞 .

用户名称这是回复语法!像这样,你就可以自由回复你想要回复的人了
这可能也就是你被封禁的理由,笨蛋。

作者用户名称 地点 时间 回复 赞 .

这是第一层第二条评论

作者用户名称 地点 时间 回复 赞 .

就像这样
个人认证用户名称 地点 时间 回复 赞 .

并且随时都可以开第二层评论!

个人认证用户名称 地点 时间 回复 赞 .

不过微信公众号应该没有三层及以上的评论机制吧……没必要吧?

作者用户名称 地点 时间 回复 赞 .

无限延伸
哦对了你也可以像这样随时插入图片
不过跟公众号不同的是,多张图片会被纵向压缩,而不是变成一个个可以点开的缩略图
后者对wikidot而言疑似有些太超纲了(
%E5%A4%95%E9%98%B3.jpg

不过,如果你觉得某一层楼的回复实在太多得折起来,又或者对评论区的样式设计有特殊需求,甚至有必要大刀阔斧自定义的话,你也可以选择多重div嵌套的样式——就是最终的源代码会有亿点难看。

哦对了,你也可以混排div嵌套跟wikidot基础语法的样式!

组织认证用户名称 地点 时间 回复 赞 .

这是第一层评论
需要换行的话就这么做
非常简单快捷

个人认证用户名称 地点 时间 回复 赞 .

这是第二层评论
对于特殊用户你可以给他扣一个头衔,如资质认证、作者或贴主、封禁账号或空账号等

待认证用户名称 地点 时间 回复 赞 .

……虽然但是这部分代码是不是区完了

贴主用户名称

区吗?不区吧!
你在这里面不也照样可以用wikidot基本语法快速发帖的吗?

组织认证用户名称 地点 时间 回复 赞 .

为什么要用div模式呢?那还用问——

那当然是格式编辑自由啦~!

你现在可以更为放开你的定制能力了


随便怎么弄都可以!(任何语法!)

作者用户名称 地点 时间 回复 赞 .

等下,谁家公众号留言这么多花样的,你当这里是什么论坛啊

组织认证用户名称 地点 时间 回复 赞 .

用户名称啊……阿巴阿巴阿巴阿巴阿巴……

关于文章页面框架和众说留言贴的使用例请参见此处。


以下内容引用自其他组件,但已进行对应的风格适配与(如必要)缺陷修复。
该部分的所有适配性代码将同步至磨制玄武岩本体,部分内容可能会作为附属可选组件而存在。

关键词搜一搜

从悬停链接组件那边爆改而来。只需要将你的鼠标悬停在上方,或者按一下旁边的搜索标志,你就能在不离开这个页面的前提下快速了解链接里面的东西。停在这里看看?ⓘ悬停链接组件支持已针对磨制玄武岩进行风格化适配——这部分代码将会同步到磨制玄武岩本体当中。此外,其已对移动端窄屏进行了特别优化,可以做到在不超出屏幕的前提下尽可能多且方便地容纳更多的内容。哦对了顺带一提,你现在可以在注释部分滚动或者划动了,并且鼠标在它上面的时候它也不会自己消失——是的!你再也不用担心太多的说明内容会让一部分人或者所有人看不全了!-.备注:在过于老旧(尤其是在内核发布时间在2023年之前)的浏览器上,此处的显示效果可能略有差别。此为CSS解释器支持情况的差异导致的现象,敬请理解。

又或者……这里?ⓘ你也可以不用图片!而且采用这种样式的跳转链接将会使用独立的颜色。顺便,如果这里有可以跳转的链接的话,右下角会有提示。就像这样!(此链接通往悬停链接组件页——你可以在那里快速生成你需要的说明卡片语法。)

当然如果作者自己都不干人事那你该做的是谴责作者本人。

连携引入

页眉字体与用户界面字体为 Sofia Sans / Empo Sans(中日韩文字)。
正文字体为 Inter / 思源黑体。
等宽字体为 JetBrains Mono / Maple Mono(中日韩文字)。
衬线字体为 Domine / 思源宋体。


本版式通过重新引入思源黑体和思源宋体,解决了部分生僻字及异体字在部分设备下字体失效及斜体无效的问题。
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License