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

7***

前言

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

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

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

临时显示

隐藏内容

文本
[fly]文本[/fly]

MC_J***

感谢教学

星空***

测试

test

噼里啪***

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

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

你不***

感谢分享

你不***

学到了！

Yym***

文本

yi***

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

复制代码

oeo***

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

yi***

コマンドブロック