问题描述：

引子

今天问了一下哈基米怎么实现向右对齐(我称之为居右)，比如你写日记的时候的署名 日期之类的~ 哈基米教我了一下，然后我来试了一下，完全可以!
于是就深入学习了一下，发现支持程度相当的高!
虽然但是，其实大部分功能用我们的md更方便哦~ 比如 加粗 斜体 之类的w

更新

有些话一开始想说，但没说保持论坛的专注性，但是还是有必要说一下的，HTML真的是最麻烦的一种写法了，大家可以看一下下面佬友的指引~ 方法总比困难多~

Lance1ot:

Discourse框架同样支持BBCode和Markdown语法

所以以上部分内容可以有另外一套甚至两套写法：

我是一段居中文字

我是一段右对齐文字

我是红色的

当然，Markdown的语法也是直接适用的

可以在这里学习BBCode - Wikipedia
原文：

[center]我是一段居中文字[/center] [right]我是一段右对齐文字[/right] [color=red]我是红色的[/color] # 当然，Markdown的语法也是直接适用的 可以在这里学习[url]https://en.wikipedia.org/wiki/BBCode[/url]

以下为原话题内容:
写了一篇小文章~

从本句话开始往后全部是HTML来写的哦~

✨ 论坛排版魔法小课堂 ✨

让你的帖子变得闪闪发光吧！

---

大家平时发帖是不是经常觉得排版有些单调呀~ 刚才测试发现，咱们论坛其实默默支持了很多超棒的 HTML 魔法标签

今天就给大家整理了一份「排版美化指南」，只要复制下面代码块里的内容，就能立刻实现各种神奇的效果😇

🪄 第一招：让文字乖乖排队

有时候咱们想要在帖子结尾署名，或者把重要的标题居中，就可以用到这两个小魔法：

我是居中的乖宝宝 我是悄悄跑到右边的署名君

<div align="center">你要居中的文字</div> <div align="right">你要放在右边的文字</div>
🪄 第二招：给文字加上特殊的小装饰

想要开个小玩笑的时候，删除线就派上用场啦

这是一句一句说错的话

<s>这是一句说错的话</s>
🪄 第三招：神奇的折叠收纳盒

如果帖子里有长长的名单，或者想放个惊喜彩蛋，这个折叠面板简直是神器！点一下才会打开哦

点击我，看看里面藏了什么~

锵锵！恭喜你发现了隐藏的宝藏！

<details> <summary>点击我，看看里面藏了什么~</summary> <p>锵锵！恭喜你发现了隐藏的宝藏！</p> </details>
⚠️ 特别警告：调皮的标题魔法

这里有个一定要注意的「大坑」！标题标签（也就是 hn n为1 2 3 4 5等不同的标题大小~ 1最大）非常调皮，千万不要把它夹在一句话的中间

如果你不小心把它混在句子里，甚至只是用代码块把它包起来，它不仅会自己隐身，还会把后面的所有文字都变成巨大的标题！如果非要用，记得一定要像这样让它单独待在一行：

<h1>我是遵纪守法单独一行的标题~</h1>
📋 课后总结：魔法大汇总

为了方便大家随时查阅，我把今天学到的常用标签都整理在这个表格里啦

想要的效果	使用的代码	小提示
居中对齐	<div align="center">	可以配合换行标签 <br> 一起用
右对齐	<div align="right">	署名专用好帮手
文字加粗	<b>	基础款强调
删除线	<s>	适合用来吐槽和开玩笑
折叠面板	<details> 和 <summary>	防长文、藏彩蛋的绝对神器
大标题	h1 标签	千万别夹在句子里用！必须单独占一行！

今天的魔法课堂就到这里啦，在今后的互动水帖中大显身手吧 😇

后记

其实表格也是HTML写的，但是有点难 就没教啦 想使用可以直接右上角加号做表格哦

附个代码参考:

<table border="1"> <tr> <th>想要的效果</th> <th>使用的代码</th> <th>小提示</th> </tr> <tr> <td>居中对齐</td> <td>&lt;div align="center"&gt;</td> <td>可以配合换行标签 &lt;br&gt; 一起用</td> </tr> <tr> <td>右对齐</td> <td>&lt;div align="right"&gt;</td> <td>署名专用好帮手</td> </tr> <tr> <td>文字加粗</td> <td>&lt;b&gt;</td> <td>基础款强调</td> </tr> <tr> <td>删除线</td> <td>&lt;s&gt;</td> <td>适合用来吐槽和开玩笑</td> </tr> <tr> <td>折叠面板</td> <td>&lt;details&gt; 和 &lt;summary&gt;</td> <td>防长文、藏彩蛋的绝对神器</td> </tr> <tr> <td>大标题</td> <td>h1 标签</td> <td>千万别夹在句子里用！必须单独占一行！</td> </tr> </table>

还有好玩的small语法可以把字藏起来w

喵😇 (而且这个small效果是可以叠加的!) 大家还有什么知道的也可以直接点击编辑来补充哦~ @Fengfeng10 @6512345 学会了这些就更像你们了吧w :smiling_face_with_three_hearts:

另外 如果想用下划线，一般来说可以这样在<>中写u 但是实际测试论坛是不支持的w

网友解答：

---

--【壹】--：

感谢佬友的分享,学习了,下次分享希望能搞好看一点!

---

--【贰】--：

又来学习新知识了！

鼠标移到这里有惊喜

_下中^上

代码示例

<big><div align="center"><kbd>又来学习<mark>新知识</mark>了！:bili_040:</kbd> </div></big> <big><div align="center">鼠标移到<abbr title="佬友，你很帅！">这里</abbr>有惊喜 :bili_040:</div></big> [spoiler]<big><div align="center"><sub>下</sub>中<sup>上</sup></div></big>[/spoiler] <small><div align="right">*本教程仅供学习交流使用</div></small>

*本教程仅供学习交流使用

---

--【叁】--： 😋居然不用回复20个字欸

---

--【肆】--：

欸，简单好用的排版知识好欸ww~
首先是格式（居中/左右对齐）
然后是文字表达（删除线/加粗）
最后是呈现效果（折叠/标题）
（看是看会了，不知道用的时候怎么办）
（ps；是不是还有个模糊效果捏）

---

--【伍】--： Simmy4867:

用 AI 帮我排版

但是还是需要注意一点，你这次明确说的这句话，万一以后有人跟你有仇，保存截图下来（），之后看你发帖的时候用的规规整整，说不定就给你举报了。虽然管理也没什么明确证据，也不一定确确实实完全用AI…但是论坛规则是不能用AI润色呢

（大大的阴谋论w）

---

--【陆】--：

其实说白了，本教程有用的就是居中和居右()

---

--【柒】--：

这个我知道，aigc 内容得截图，不过还是可以做到只排版不修改内容的，这样应该不算吧，相当于排版工具不生成内容，感谢佬提醒

---

--【捌】--：

不会写html，让ai润色过的要怎么才能发出来？也要截图吗

---

--【玖】--：

大型md和html语法教程 感谢佬的整理分享

---

--【拾】--： 这个有用，感谢大佬，学到了

---

--【拾壹】--： 已严肃收藏

---

--【拾贰】--：

虽然看懂了，但是要用的时候就想不起来了

---

--【拾叁】--：

直接收藏，后面发正经帖子用 AI 帮我排版，不改变内容，可读性应该好很多

---

--【拾肆】--：

OK，谢谢佬提醒，学习了，那还是截图发出或者预览编辑吧

---

--【拾伍】--：

点击我，看看里面藏了什么~

再点一下就出来了~

再点一下~

就一下~

锵锵！恭喜你发现了隐藏的宝藏！

---

--【拾陆】--：

点击我，看看错过了什么

锵锵！恭喜你发现了隐藏的宝藏！

---

--【拾柒】--：

欸（）
哪怕是AI排版也算是AIGC的，最好还是不要冒险啦w

---

--【拾捌】--：

对的对的，每次别人评论我以后，我要干掉说错的话，都只能删除，有种不负责任的感觉哈哈哈哈哈。现在舒服了

---

--【拾玖】--：

这个看上去是html排版喵 w

（感觉discourse这个composer就挺好的，至少提供了比较完整的html支持 w

（比单纯使用bbcode或者混排好多了，有些bbcode不支持的话…排版比较累的呜 w

(藏一只猫猫在这里