Hexo-Fluid Problems

省流：直接跳转到How?中的对应部分。

怎么会是呢？

刚学会部署这么一坨东西，什么都不懂。我一看，你这post跟我在typora里看的不一样啊。

源赖氏佐田

我写了个post，来测试Fluid里面的各项功能。仔细一看有两个地方很不一样：

1. 文中有两处加粗，但有一处实际渲染之后维持了** **的样子，并未实际加粗。
2. 所有的图片都是左对齐的，这。。。有点丑。

如果你现在查看这个post，会发现都已经解决了。

How？

其实这两个问题都可以在网络上找到解决方案^[1][2]，这里相当于整理一下。对了补充一下，这个脚注也是有一些问题的^[3].

字体加粗

我们都知道，markdown里加粗使用** **。实际编译时，有一些需要注意的事情：

1. 前边的**后面不能接空格，也不可以接标点符号。如果要接标点符号，则**前面要有空格。
2. 后边的**正好反过来，前面不能接空格和标点符号。如果要接标点符号，则**后面要有空格。^[4]

示范：

错误的做法：**,emmmm不知道该写点啥。**。这在typora中是可以正确预览的。,emmmm不知道该写点啥。

按上面的规范来写：**,emmmm不知道该写点啥。**。这句话后面有一个空格 ,emmmm不知道该写点啥。 这句话前边有一个空格（这个空格似乎无关紧要）。在** **的前面和后面各加了一个空格。可自行查看效果。

图片居中

在Fluid中，修改node_modules\hexo-theme-fluid\source\css\_pages\_post\post-page.styl文件中的这一段：

.page-content, .post-content
  strong
    font-weight bold

  & > *:first-child
    margin-top 0

  img
    object-fit cover
    max-width 100%
    margin 0 auto   // add this line to center pictures
    display block   // add this line to center pictures
    text-align center

注意带注释的两行。测试下来必须这两行都添加才能实现图片居中。

总结

没有总结，看下来其实Hexo对中英文混杂支持的也还挺好的。

Reference

1. Markdown 中 ** 加粗失效问题解析 ↩
2. 在hexo博客文章中让图片居中显示的两种简单方法 ↩
3. 如果脚注后面接英文冒号，必须要有空格。 ↩
4. 经过我的测试，这一条似乎并不严格。但如果没有正确预览还是要按这个来debug。 ↩