782 发表于 2022-5-15 12:45:08

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

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


1377642003

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


static/image/hrline/line2.png


第一部分:纯文本编辑器
一、认识纯文本编辑器
虽然对于普通的帖子而言,可视化编辑器完全足够使用,但是毕竟我们是要写美观的帖子,用可视化编辑器会出现颜色太少、修改频繁、代码繁琐、表格无法延伸等问题,所以这一板块就教大家纯文本编辑器的用法。
纯文本编辑器的代码类似于html的标签,只不过更改了一些语法。

二、常用、好用的纯文本编辑器标签
1.加粗
加粗内容使用此标签后,标签内的文本会被加粗。
效果展示:文本
2.斜体
文本使用此标签后,标签内的文本会变得歪斜。
效果展示:文本
3.下划线
文本使用此标签后,标签内的文本会被添加下划线。
效果展示:文本
4.字体颜色
文本使用此标签后,标签内的文本会被添加上颜色。
参数:字体颜色:可以输入预设颜色,也可以输入自定义十六进制颜色
效果展示1(以#FFAADD为例):文本
效果展示2(以Red为例):文本
5.字体背景颜色
文本使用此标签后,标签内的文本会被添加上背景颜色。
参数:字体背景颜色:可以输入预设颜色,也可以输入自定义十六进制颜色
效果展示1(以#FFAADD为例):文本
效果展示2(以Red为例):文本
6.链接
文本使用此标签后,标签内的文本点击后可以跳转至任意网站。
参数:网址:任意网址
效果展示(以http://www.baidu.com为例):文本
7.表格

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

8.对齐
文本使用此标签后,标签内的文本将会对齐。
参数:对齐方式:可填“center”(中间对齐),“left”(左侧对齐)和“right”(右侧对齐)
效果展示:(右侧对齐)
文本
9.列表
[*]文本使用此标签后,list内标*的文本会添加进列表。
参数:状态:整数,表示该列表是有序列表还是无序列表,不填则为无序列表,填1则为有序列表
代码示例:
有序列表

[*]文本
[*]文本
[*]文本

效果:

[*]文本
[*]文本
[*]文本


无序列表:

[*]文本
[*]文本
[*]文本


效果:

[*]文本
[*]文本
[*]文本


10.删除线
文本使用此标签后,标签内的文本会被添加删除线
效果展示:文本
11.引用
文本使用此标签后,标签内的文本会被放在由双引号构成的空间内
效果展示:文本

12.网易云音乐
音乐id使用此标签后,会生成一个对应音乐的内联框架
参数:是否自动播放:“0”为否,“1”为是
            音乐id:对应音乐id,详情请见
效果展示(以音乐id461766为例):
461766
提示:此代码可能仅Lv.2注册会员用户组以上可使用。

13.折叠内容
[文本使用此标签后,标签内的文本会被折叠
效果展示:文本

14.隐藏内容:回复获得资源
隐藏内容使用此标签后,标签内的文本需要回复或积分高于一定数值才能查看
参数:积分:若填写,则积分高于一定数值才能查看,否则需要回复才能查看
效果展示:**** Hidden Message *****
注意:此代码仅Lv.2注册会员用户组以上可使用

15.设定字体
文本使用此标签后,标签内的文本会添加字体
参数:字体名称:一个已存在的字体名称(建议使用网络安全字体)
使用效果(以Helvetica为例):文本
16.字体大小
文本使用此标签后,标签内的文本会变大或变小
参数:大小:可以是预设的1至7,也可以是自定义像素值。
使用效果(以5为例):文本
使用效果(以5px为例):文本
17.“会飞”的字
文本使用此标签后,标签内的文本会滚动显示
示例:文本

static/image/hrline/4.gif

第二部分:排版技巧

一、排版习惯
1.封闭标签
很多人(包括我)有时候写帖子的时候,容易漏掉结尾标签,这是很不好的习惯,
因为如果说没有结尾标签,容易解析出错,所以一定要封闭标签。
2.纯文本编辑器与工具栏的综合运用
有时候,为了节省时间,可以在纯文本编辑器的模式下,使用上方工具栏的功能(例如字体、对齐方式、字体样式等),
如果要修改,可以在纯文本编辑器修改,更加方便。

二、排版技巧
1.添加字体大小
为不同类型的标题、正文使用不同大小的字,让读者快速了解文章主要内容。
如果愿意的话,可以在每个标题前添加竖线(|),显示效果更佳
就像这样:
主标题
第一部分
正文
第二部分
正文
2.添加文本装饰与颜色
可以为重点的内容进行加粗、下划线、斜体、颜色等等
比如:
主标题
第一部分
正文 重要的内容!
第二部分
正文

3.使用表格
用表格制作边框,可以让帖子看起来更加美观。
对表格使用居中显示更佳
就像这篇帖子。
4.使用分割图片
在工具栏中有一条横线“----”,点击可以选择分割图片
使用这种图片,可以让读者清楚的区分各个板块的部位
对图片使用居中显示更佳。
就像这篇帖子。
5.翻译类文章
可以把原文字体颜色改为灰色,翻译后的文本改为黑色。
既能让读者专注在中文上,也方便他人查看原文。


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

MC_JD金锭 发表于 2024-11-1 21:30:15

感谢教学

星空晶体 发表于 2024-10-9 21:09:32

测试
test

噼里啪啦大帅哥 发表于 2024-8-30 14:30:54

# 横杠全打错了,这次可能就可以了!,彩色字体,点我跳转至百度,这是斜体

你不会S币 发表于 2024-8-29 09:39:09

感谢分享

你不会S币 发表于 2024-8-29 09:38:31

学到了!

Yym666 发表于 2024-8-26 17:32:35

文本

yi个NPC 发表于 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);
}

oeoeoe 发表于 2024-7-25 02:00:56

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

yi个NPC 发表于 2024-7-21 10:14:58

コマンドブロック

80岁小孩 发表于 2024-7-14 13:14:41

懂了感谢教学
页: [1]23456
查看完整版本: 【BGM】帖子排版技巧【超级详细】