Nodejs 为什么 hexo 显示 markdown 与其它工具不同?

发布于 1周前 作者 yibo5220 来自 nodejs/Nestjs

Nodejs 为什么 hexo 显示 markdown 与其它工具不同?

工具用的 Mou ,本地预览没有问题
http://i4.piimg.com/4851/c3fe487a06594319.jpg

hexo generate 后不能完全正确显示。。
http://i4.piimg.com/4851/b99aa36f5738636c.jpg


11 回复

hexo 主题用的 next


后面要有空格

Markdown 没有统一的标准,但是 ## 后面加空格貌似是兼容性最好的写法。

后面有空格
单行代码用
代码块用 ``` 包起来

缩进可能变成代码块

换行可能导致有序列表断开

Hexo 用的 MK 规范,只是你用 Mou 的时候它帮你修正了。

用 MK 还是得按照基本法的

知道啦,谢谢各位~

注意空格

和主题没关系, hexo 的 Markdown 渲染引擎: https://github.com/chjj/marked

v2 上 # 后也要空格的,如楼上所说,是由 选用的 markdown 的渲染引擎决定的

后面要加空格 跟 markdown 的渲染引擎有关

关于Node.js环境下Hexo显示Markdown与其他工具不同的问题,这通常是由以下几个原因造成的:

  1. Markdown解析引擎差异

    • Hexo支持的是Github Flavored Markdown(GFM),这与标准的Markdown有一些区别。GFM提供了一些额外的特性,如表格、代码块高亮、自动链接等。
    • 不同的Markdown编辑器或工具可能使用不同的解析引擎,导致渲染效果有所差异。
  2. Hexo主题影响

    • Hexo的第三方主题可能会对Markdown的渲染样式进行自定义,包括标题、段落、列表等的样式。
    • 如果在Hexo中使用的主题与其他工具中的预览主题不同,那么渲染效果也会有所不同。
  3. CSS样式差异

    • 即使Markdown内容被正确解析为HTML,不同的CSS样式也会导致最终渲染效果的差异。
    • Hexo主题中的CSS样式可能会覆盖或修改Markdown的默认渲染样式。

示例代码:

# 这是一个一级标题
## 这是一个二级标题

- 列表项1
- 列表项2

[链接文本](https://example.com)

![图片说明](https://example.com/image.png)

在Hexo中,上述Markdown代码可能会被渲染为一个带有特定样式的一级标题、二级标题、列表项、链接和图片。而在其他工具中,这些元素的样式可能会有所不同。要解决这些问题,可以尝试统一Markdown解析引擎、选择相同的Hexo主题或调整CSS样式。

回到顶部