cfour-hi / gitstars

Github Starred Repositories Manager

Home Page:https://gitstars.cfour.top

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

使用 showdown 直接渲染 markdown 为 html

nekolr opened this issue · comments

感谢作者写了这么好的项目,目前在用,但是在使用中发现通过 github api 拿到 README 的文件内容后,又通过调用 github api 进行了远程转换,于是搜寻了目前比较可靠的 markdown 转换库 showdown 进行了改良。

效果图:
Snipaste_2020-04-15_17-48-03.png
Snipaste_2020-04-15_17-48-22.png

commented

感谢分享,这里其实主要是为了与 Github 的 README 文档阅读体验一致。
第三方的 markdown 解析库可能导致解析结果不一致,继而导致样式不一致。

感谢分享,这里其实主要是为了与 Github 的 README 文档阅读体验一致。
第三方的 markdown 解析库可能导致解析结果不一致,继而导致样式不一致。

showdown 提供了 github 风格的解析。其实我觉得一般解析出来的 html 与 github 的差别不大,并且实际中我个人可能并不那个严格要求与 GitHub 体验一致。

这是文档中提到的解析风格的说明:

You can also use flavors or presets to set the correct options automatically, so that showdown behaves like popular markdown flavors.

Currently, the following flavors are available:

original - original markdown flavor as in John Gruber's spec
vanilla - showdown base flavor (as from v1.3.1)
github - GFM (GitHub Flavored Markdown)
commented

嗯,我有看到。不过我现在一直在等 Vue v3,再对这个项目使用 TS 进行整体重写,到时候再接入 showdown 吧。🍺