[MD]
<div style="[URL='https://www.minebbs.com/attachments/background_pink2-png.46702/?hash=e7169daa82dc5c36fa3346f5ebf6f705);background-color:rgb(255'];background-color:rgb([/URL]225, 225, 225);color:rgb(0,0,0)">
<div style="margin-right:20px;margin-left:20px;margin-top:10px;font-size:17px">
<p><br><p>
<p align=center style='text-align:center'><b><span
style='font-size:14.0pt'>排版教程</span></b><span lang=EN-US style='font-size:11.0pt'></span></p>
<p style='text-indent:21.0pt'>在<span lang=EN-US>MB</span>发过资源的同学一定遇到过一些排版问题，如无法调整首行缩进、无法设置背景颜色或图像等。这些问题可能会影响文章的可读性和美观度，甚至可能影响文章的传达效果。本文将介绍一些有效的技巧来帮助您解决这些问题，让您的文章更加清晰、易读和美观。</p>
<br>
<p style='text-indent:21.0pt'>这些技巧利用的是<span lang=EN-US>Markdown</span>支持绝大多数<span
lang=EN-US>HTML</span>标签的特性，将文章的排版转化为了<span lang=EN-US>HTML</span>网页制作的过程，因此，与其说这是一篇排版教程，不如将它看作一个<span
lang=EN-US>HTML</span>技巧集合。你需要了解基本的<span lang=EN-US><a
href="[URL]https://www.runoob.com/html/html-elements.html[/URL]">HTML<span lang=EN-US><span
lang=EN-US>语法</span></span></a></span>，然后替换模板的文字内容。当然，你也可以使用一些可视化编辑器。
</p>
<p><br></p>
<h3>> 关于Markdown</h3>
<p style='text-indent:21.0pt'>Markdown以纯文本格式编写文档，一切的格式修改都是由特定的符号实现的。要在文章中使用，只需添加标签”<span>[</span>MD]”和” <span>[</span>/MD]”，在两标签之间输入文本。</p>
<p><br></p>
<h3>> 常用技巧</h3>
<p style='text-indent:21.0pt'>这一部分列出了一些模板，实际使用中只需要将“正文”替换为想要的内容。</p>
<p>  （建议无脑应用首行缩进和两侧页边距（小声bb））</p>
<h4><ul><li>首行缩进</li></ul></h4>
<p>  设置整个html字段的缩进：</p>
<p>    <span><</span>p style='text-indent:21.0pt'>正文<span><</span>/p> </p>
<p>  插入一个独立于其它字段的空白：</p>
   <span class="bbCodeCode language-html"><span><</span>span><span>&</span>#8195;<span><</span>/span>正文</span>
<p>  HTML代码还是没Markdown好写的，可以在Markdown文本中插入这段代码实现缩进，“<span>&</span>#8195;”是全角空格，<span>&</span>ensp;”是半角空格；</p>
<h4><ul><li>两侧页边距</li></ul></h4>
<p>  使正文与概述区边缘保持一定距离。仔细看就会发现本文的正文距离框的边缘是有一定距离的</p>
<span>  <</span>div style="margin-right:20px;margin-left:20px;">正文<span><</span>/div>
<h4><ul><li>基础HTML标签</li></ul></h4>
<p>  加粗：<span><</span>b>正文<span><</span>/b></p>
<p>  换行：<span><</span>br/></p>
<p>  居中：<span><</span>center>正文<span><</span>/center></p>
<p>  字体大小：<span><</span>div style='font-size:18px'>正文<span><</span>/div></p>
<p>  标题：<span><</span>h3>标题<span><</span>/h3>，将3换为其它数字可更改标题等级</p>
<p>  图片：<span><</span>img src=图像URL style="width:50%"></p>
<p>  超链接： <span><</span>a href="链接" target="_blank" title="悬停提示">正文<span><</span>/a></p>
<h4><ul><li>背景颜色/图片</li></ul></h4>
<p>  设置背景的颜色和图像，颜色使用RGB格式，因为十六进制和RGBA是不支持的；图像应事先涂色处理，因为透明度标签是不支持的，使用原图可能会使文字不清晰，在这里推荐GIMP，它是一款免费的图像处理软件</p>
<span>  <</span>div style="background-color:rgb(255, 174, 201);background-image:url(图像URL);">正文<span><</span>/div>
<p>  有一个bug，只要不在后面接上<span><</span>/div>，那么这段语句后的所有内容都会带上背景，无论它是否属于MarkDown区域。</p>
<h4><ul><li>使用Word</li></ul></h4>
<p>  首先，选择“文件”-“导出”-“更改文件类型”-“另存为其它文件类型”-选择格式为htm/html进行导出。再以文本形式打开导出的文件，拉到最下寻找正文，将它们复制到”<span>[</span>MD]<span>[</span>/MD]”区域内即可。</p>
<h4><ul><li>获取图像URL</li></ul></h4>
<p>  以Edge为例，首先正常导入一张图片，然后按下F12，点击位于最左上的按钮“在页面中选择一个元素以进行检查”，再点击导入的图片，代码页会自动定位到图片所属的代码，将鼠标悬停在代码上可查看图像链接。</p>
<p> </p>
<p><br></p>
<h3>> 后记</h3>
<p>  因本人专业并非前端开发，文章仅介绍了一些基础的技巧，欢迎专业人士补充~</p>
<p>  这里有一个应用了本文排版方法的<a href="[URL='https://www.runoob.com/html/html-elements.html']https://www.minebbs.com/resources/wheatbuilder.4536/[/URL]">资源贴</a>
，它的github仓库内有概述的源码，可参考构建自己的概述。</p>
<p><br></p>
</div>
[/MD]
最后编辑：
![BuilderWand —— 让玩家用建筑法杖进行高效的建筑！[全版本]](/data/resource_icons/7/7617.jpg?1710497104){kind=icon}
