本文讨论的前提是使用blogger classic主题

既然选择blogger平台写作，其中一个理由便是可以在web端即时撰写文章和发布，并且只要网络畅通，写作过程中都是随时自动保存的，不用担心突发中断的情况。写博文的后台编辑器有两种模式：撰写模式和HTML视图。中文翻译成撰写模式，也就是所谓的所见即所得模式。以往我都是在撰写模式下写东西，直到我仔细查看了发布后的网页源码——好家伙！文章正文的源代码直接搞成一行了。如果你在撰写模式下对文章格式进行各种美化，包括但不限于字体、颜色、对齐等操作，那么恭喜你，你会得到一个无比臃肿的源代码。每一个样式都是通过内嵌在标签内的方式添加的。如果你从VSCODE等编辑器复制了一段代码到blogger编辑器的撰写模式，你会发现代码居然还保持和VSCODE里一模一样的代码高亮，从页面源码来看，你粘贴进来的不仅仅是代码，顺带把高亮的样式代码也一并带来进来。有时候你随手一个空格或者换行，都会产生一堆源码，虽然普通用户看不出什么区别，但是背后的源码混乱到不忍直视。

这一切对于有轻微强迫症的我来说是不能接受的。

解决方案只有一个：采用HTML模式。

你会发现，在这个模式下编辑器里的内容会被精准的呈现。除了会被blogger系统在首尾增加两句代码。

<div style="clear:both;"></div>
<!--编辑器里的内容-->
<div style="clear:both; padding-bottom:0.25em"></div>

如果你对文章还添加了标签，文章末尾还会有显示标签的代码

<p class="blogger-labels">标签： <a rel='tag' href="#">tag</a></p>

借助Bootstrap前端库，可以在保持代码整洁的前提下，对文章格式进行美化。