区块展厅

正文里能用的东西,都摆在这里了。黑白、12px 圆角、线性图标,没有多余颜色。

01

提示框

四种状态靠图标形状与字重区分,不用彩色;支持自定义标题,正文可放链接与行内代码。

提示这是一条提示

最轻的一档:补充说明、延伸阅读、默认值。

注意动手前先看一眼

这个操作会覆盖已有设置,建议先备份。

搞定已经写好了

区块会自动适配深浅色,不用额外写样式。

警告别这样写

正文里贴 script 会被过滤,代码块请用简码包起来。

Text用法
[tip type="info" title="这是一条提示"]补充说明写在这里[/tip]
[tip type="warning" title="动手前先看一眼"]建议先备份[/tip]
[tip type="success"]已经写好了[/tip]
[tip type="danger"]别这样写[/tip]
02

代码块

顶部一行语言标签,右上角一键复制;语言留空时按开头特征自动识别。核心「代码」区块加 lang-php 类名也会套同一套外观。

PHPfunctions.php
<?php
// functions.php
echo '落笔有声,留白有度。';
JavaScriptauto.js(自动识别)
const bang = { ink: '#000', paper: '#fff' };
console.log(bang.ink);
Text用法
[code lang="php" file="functions.php"]<?php echo "Bang";[/code]
核心代码区块:右侧 → 高级 → 额外的 CSS 类填 lang-php
03

折叠内容

原生 details / summary,键盘、读屏、无脚本环境都能用;可设置默认展开,展开时箭头翻转、内容淡入。

点击展开:这段写了什么展开

被折叠的内容默认收起,点标题即可展开。展开状态由浏览器自己维护,pjax 换页也不会串。

默认展开:一段说明展开

这个块带 open="1",落地就是展开的。

Text用法
[fold title="点击展开"]被折叠的内容[/fold]
[fold title="默认展开" open="1"]内容[/fold]
04

画廊 / 画展

连续出现的图片自动并成宫格,中间空一行就是单张大图;点任意一张进灯箱,左右键切换。图集区块还支持「主图 + 缩略条」与「拼贴宫格」两种排版。

单图模式

Text用法
[wall]
/wp-content/uploads/2026/11/one.jpg | 第一张
/wp-content/uploads/2026/11/two.jpg | 第二张
[/wall]
05

站点级组件

顶部通知条、首页滚动公告、公告弹窗、订阅卡、幻灯片各自独立开关,互不打架;通知条支持点 × / 上滑 / 双击关闭,本次会话不再出现。

  • 顶部通知条黑底细带 · 上滑 / 双击 / × 关闭
  • 首页公告栏横向无缝滚动 · hover 暂停
  • 公告弹窗内容 hash 变更才重新弹
  • 命令面板Ctrl / ⌘ + K · 可选浏览器内语义搜索
Text用法
后台 → Bang 设置 → 常规 → 顶部通知条
06

页面模板

文章归档、关于、联系、友情链接、说说、画展、区块展厅都由主题自动建页,模板按 slug 匹配,无需手动指定。

Text用法
后台 → 页面 → 新建页面,模板选「画展 / 区块展厅」
07

简码直写

从别处粘过来的写法也能直接用。下面这一整块是简码经过 the_content 与 kses 过滤后的真实输出,和文章正文走的是同一条渲染链路。

提示简码实渲染
这段走 the_content 过滤,和文章正文同一条渲染链路。

简码折叠展开
折叠里的文字,带 open="1"。

JavaScript
const bang = 'ink';

Text用法
[tip type="info" title="标题"]内容[/tip]
[fold title="点击展开" open="1"]内容[/fold]
[code lang="js" file="app.js"]代码[/code]
[wall]
/uploads/one.jpg
/uploads/two.jpg
[/wall]

↑↓选择 Enter打开

网站公告

欢迎来到 Bang。
点开卡片即可阅读,← → 翻到上一篇 / 下一篇。

Bang

欢迎回来

登录后可以点赞、评论,换设备也能同步。

登录后这台设备会被信任 30 天,期间打开用户中心自动登录;点「退出」立即解除信任。