样式调整与功能补全

[ZhaoZuohong]

1. 行内代码样式：字号比普通字体小 2px，底色及字体参照 stackoverflow 的样式。在 Windows 下，monospace 会匹配到宋体，所以又加了 "Microsoft YaHei"，使中文更好看一些。
2. 在手机等宽度较小的场景下，如果有长链接之类的情况，Chrome 不会自动断行，导致宽度溢出。添加 overflow-wrap: break-word 避免这种问题。
3. 改善了引用块和代码块的样式，同样参考 stackoverflow。
4. 添加了折叠功能的 shortcode。
5. 将每篇文章开头处用户信息的下边距加大，调整至与 <p> 元素的下边距一致。
6. 当一行无法显示所有标签时，设置单个标签内不换行。
7. 引入赫蹏，用以调整中英文混排时的间距，以及控制标点挤压。对赫蹏的代码进行了一些修改以适配主题，修改后的代码在 https://git.zhaozuohong.vip/zhao/heti。

关于代码块的推荐设置：在 config.toml 中加入如下设置：

[markup]
[markup.highlight]
codeFences = true
lineNos = true
lineNumbersInTable = false
style = "pastie"
tabWidth = 4

当 lineNumbersInTable = true 时，用某些字体（如 Liberation Mono 或 Noto Sans Mono CJK SC）会导致行号与代码不对齐，而另一些字体（DejaVu Sans Mono）就不会，原因未知。

折叠的使用：

{{< details "标题" >}}
折叠内容
{{< /details >}}

折叠的效果：

展开后：

行内代码、块引用、代码块的效果：

标点挤压的效果：

[FarseaSH]

Hello，感谢你的PR。我之前阳了，一直没来得及处理。我会在最近看一下的。

再次感谢你的代码～

[FarseaSH]

Hello，抱歉拖这么久才处理你的pr，手上事情太多了，一直没有抽出空来。代码我刚全过了一遍了，很感谢你的代码，每个点都很赞！

之后我可能在此基础上，修改几个地方：一个是代码块 pre code 的样式可能再去重新设计开发一下，可能会去用 tomorrow 的样式；另外一个是，引用样式我可能会考虑加上一种更有设计感的样式，虽然不确定效果最终会怎么样；最后，我可能还需要重构一下代码，让代码可读性更强，便于后期维护开发，你这部分代码可能名称会改动一下，但代码功能会保留。

Pr我先合了，最后再次感谢你的代码，有任何新的想法，欢迎随时交流讨论～