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.翻译类文章
可以把原文字体颜色改为灰色,翻译后的文本改为黑色。
既能让读者专注在中文上,也方便他人查看原文。


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

宇中不吃鱼 发表于 2025-2-15 20:51:01

宇中不吃鱼 发表于 2025-2-15 20:50
感谢分享

飞不起来?

宇中不吃鱼 发表于 2025-2-15 20:50:11

感谢分享

一桶热水123 发表于 2025-2-3 13:48:14

?没飞起来

一桶热水123 发表于 2025-2-3 13:47:30

感谢分享❤️❤️❤️

MCWDKU 发表于 2025-1-26 22:03:29

好详细的教程

冰辰Xz 发表于 2025-1-26 20:45:16

本帖最后由 冰辰Xz青平 于 2025-1-26 20:47 编辑

组合技:
组合技

5d01 发表于 2024-12-19 13:25:03

交作业(一部分)
文本
隐藏内容
文本
文本

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

感谢教学

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

测试
test

请勿怀念 发表于 2024-8-30 14:30:54

# 横杠全打错了,这次可能就可以了!,彩色字体,点我跳转至百度,这是斜体
页: [1]234567
查看完整版本: 【BGM】帖子排版技巧【超级详细】