【BGM】帖子排版技巧【超级详细】

7*** · 发表于 2022-5-15 12:45:08

本帖最后由 782 于 2022-7-27 07:13 编辑

前言

相信很多刚入坛的萌新不知道帖子怎样排版更精致、美观，看着大佬一个个精美的帖子，自己却不会排版，今天就分享一些关于帖子排版的技巧。

第一部分：纯文本编辑器

一、认识纯文本编辑器

虽然对于普通的帖子而言，可视化编辑器完全足够使用，但是毕竟我们是要写美观的帖子，用可视化编辑器会出现颜色太少、修改频繁、代码繁琐、表格无法延伸等问题，所以这一板块就教大家纯文本编辑器的用法。

纯文本编辑器的代码类似于html的标签，只不过更改了一些语法。

二、常用、好用的纯文本编辑器标签

1.加粗

[b]加粗内容[/b]

复制代码

使用此标签后，标签内的文本会被加粗。
效果展示：文本

2.斜体

[i]文本[/i]

复制代码

使用此标签后，标签内的文本会变得歪斜。
效果展示：文本

3.下划线

[u]文本[/u]

复制代码

使用此标签后，标签内的文本会被添加下划线。
效果展示：文本

4.字体颜色

[color=字体颜色]文本[/color]

复制代码

使用此标签后，标签内的文本会被添加上颜色。
参数：字体颜色：可以输入预设颜色，也可以输入自定义十六进制颜色
效果展示1（以#FFAADD为例）：文本
效果展示2（以Red为例）：文本

5.字体背景颜色

[backcolor=字体背景颜色]文本[/backcolor]

复制代码

使用此标签后，标签内的文本会被添加上背景颜色。
参数：字体背景颜色：可以输入预设颜色，也可以输入自定义十六进制颜色
效果展示1（以#FFAADD为例）：文本
效果展示2（以Red为例）：文本

6.链接

[url=网址]文本[/url]

复制代码

使用此标签后，标签内的文本点击后可以跳转至任意网站。
参数：网址：任意网址
效果展示（以http://www.baidu.com为例）：文本

7.表格

[table=表格宽度,表格颜色]
[tr][td]文本[/td][td]文本[/td]......[/tr]
[tr][td]文本[/td][td]文本[/td]......[/tr]
......
[/table]

复制代码

使用此标签后，会生成一个表格。
这个语法有点难，让我们一一分解：
（1）table标签定义了一个表格，可选参数有：
         ①表格宽度：可以填写一个整数，表示表格宽多少像素，也可以填百分比值，表示表格宽度占帖子总宽度的百分之几（似乎最高只能设到98%）
         ②背景颜色：可以输入预设颜色，也可以输入自定义十六进制颜色，输入后表格会变成对应颜色
（2）tr和td标签：tr标签定义行，td标签定义列
      例如：

[table]
[tr][td]第一列[/td][td]第二列[/td][/tr]
[tr][td]第一列[/td][td]第二列[/td][tr]
[/table]

复制代码

效果展示（以上方为例）：

第一列	第二列
第一列	第二列

8.对齐

[align=对齐方式]文本[/align]

复制代码

使用此标签后，标签内的文本将会对齐。
参数：对齐方式：可填“center”（中间对齐），“left”（左侧对齐）和“right”（右侧对齐）
效果展示：（右侧对齐）

文本

9.列表

[list=状态][*]文本[/list]

复制代码

使用此标签后，list内标*的文本会添加进列表。
参数：状态：整数，表示该列表是有序列表还是无序列表，不填则为无序列表，填1则为有序列表
代码示例：
有序列表

[list=1]
[*]文本
[*]文本
[*]文本
[/list]

复制代码

效果：

文本
文本
文本

无序列表：

[list]
[*]文本
[*]文本
[*]文本
[/list]

复制代码

效果：

文本
文本
文本

10.删除线

[s]文本[/s]

复制代码

使用此标签后，标签内的文本会被添加删除线
效果展示：文本

11.引用

[quote]文本[/quote]

复制代码

使用此标签后，标签内的文本会被放在由双引号构成的空间内
效果展示：

文本

12.网易云音乐

[wyy=是否自动播放]音乐id[/wyy]

复制代码

使用此标签后，会生成一个对应音乐的内联框架
参数：是否自动播放：“0”为否，“1”为是
音乐id：对应音乐id，详情请见
效果展示（以音乐id461766为例）：

提示：此代码可能仅Lv.2注册会员用户组以上可使用。

13.折叠内容

[[spoiler]文本[/spoiler]

复制代码

使用此标签后，标签内的文本会被折叠
效果展示：

14.隐藏内容：回复获得资源

[hide=积分]隐藏内容[/hide]

复制代码

使用此标签后，标签内的文本需要回复或积分高于一定数值才能查看
参数：积分：若填写，则积分高于一定数值才能查看，否则需要回复才能查看
效果展示：

临时显示

隐藏内容
恭喜你找到了彩蛋！
更多帖子：
附加包教程第一期——简介
https://klpbbs.com/thread-38077-1-1.html
【网站分享】mc开发者建议使用的网站
https://klpbbs.com/thread-34868-1-1.html
[原创][1.17.x-1.18.x]【正式版1.0】优化资源包[无缝玻璃，更好UI，清晰矿石......]
https://klpbbs.com/thread-33077-1-1.html
[教程][翻译]在mc中建造更好的房子
https://klpbbs.com/thread-35463-1-1.html
【翻译】[DEEP DIVES]本周方块：缠根泥土
https://klpbbs.com/thread-36330-1-1.html
mc趣图分享
https://klpbbs.com/thread-36830-1-1.html

注意：此代码仅Lv.2注册会员用户组以上可使用

15.设定字体

[font=字体名称]文本[/font]

复制代码

使用此标签后，标签内的文本会添加字体
参数：字体名称：一个已存在的字体名称（建议使用网络安全字体）
使用效果（以Helvetica为例）：文本

16.字体大小

[size=大小]文本[/size]

复制代码

使用此标签后，标签内的文本会变大或变小
参数：大小：可以是预设的1至7，也可以是自定义像素值。
使用效果（以5为例）：文本
使用效果（以5px为例）：文本

17.“会飞”的字

[fly]文本[/fly]

复制代码

使用此标签后，标签内的文本会滚动显示
示例：文本

第二部分：排版技巧

一、排版习惯

1.封闭标签
很多人（包括我）有时候写帖子的时候，容易漏掉结尾标签，这是很不好的习惯，
因为如果说没有结尾标签，容易解析出错，所以一定要封闭标签。

2.纯文本编辑器与工具栏的综合运用
有时候，为了节省时间，可以在纯文本编辑器的模式下，使用上方工具栏的功能（例如字体、对齐方式、字体样式等），
如果要修改，可以在纯文本编辑器修改，更加方便。

二、排版技巧

1.添加字体大小
为不同类型的标题、正文使用不同大小的字，让读者快速了解文章主要内容。
如果愿意的话，可以在每个标题前添加竖线（|），显示效果更佳
就像这样：
主标题
第一部分
正文
第二部分
正文

2.添加文本装饰与颜色
可以为重点的内容进行加粗、下划线、斜体、颜色等等
比如：
主标题
第一部分
正文 重要的内容！
第二部分
正文

3.使用表格
用表格制作边框，可以让帖子看起来更加美观。
对表格使用居中显示更佳
就像这篇帖子。

4.使用分割图片
在工具栏中有一条横线“----”，点击可以选择分割图片
使用这种图片，可以让读者清楚的区分各个板块的部位
对图片使用居中显示更佳。
就像这篇帖子。

5.翻译类文章
可以把原文字体颜色改为灰色，翻译后的文本改为黑色。
既能让读者专注在中文上，也方便他人查看原文。

大家的打赏是对楼主最好的鼓励！

5d*** · 发表于 7 天前

交作业(一部分)
[font=]文本

临时显示

隐藏内容

文本
[fly]文本[/fly]

MC_J*** · 发表于 2024-11-1 21:30:15

感谢教学

星空*** · 发表于 2024-10-9 21:09:32

测试

test

噼里啪*** · 发表于 2024-8-30 14:30:54

横杠全打错了，这次可能就可以了！

，彩色字体，点我跳转至百度，这是斜体

你不*** · 发表于 2024-8-29 09:39:09

感谢分享

你不*** · 发表于 2024-8-29 09:38:31

学到了！

Yym*** · 发表于 2024-8-26 17:32:35

文本

yi*** · 发表于 2024-8-21 10:17:36

import { EntityComponentTypes, ItemStack, Player } from '@minecraft/server';
import { MinecraftItemTypes } from '@minecraft/vanilla-data';
function giveAwesomeSword(player: Player) {
const diamondAwesomeSword = new ItemStack(MinecraftItemTypes.DiamondSword, 1);
diamondAwesomeSword.setLore([
'§c§lDiamond Sword of Awesome§r',
'+10 coolness', '§p+4 shiny§r'
]);
// hover over/select the item in your inventory to see the lore.
const inventory = player.getComponent(EntityComponentTypes.Inventory);
if (inventory === undefined || inventory.container === undefined) {
return;
}
inventory.container.setItem(0, diamondAwesomeSword);
}

复制代码

oeo*** · 发表于 2024-7-25 02:00:56

确实看起来更好看了感谢大佬分享

yi*** · 发表于 2024-7-21 10:14:58

コマンドブロック

[论坛教程] 【BGM】帖子排版技巧【超级详细】

临时显示

评分

临时显示

横杠全打错了，这次可能就可以了！

QQ群

访问手机版