javascript - 如何在 html 文件中包含 markdown (.md) 文件

标签 javascript html markdown

假设我在 github 存储库中有一个 README.md 文件。然后,我将制作一个关于我将使用 gh-pages 托管的存储库的网站。

我想要的是让我的 index.html 文件的一部分从我的 README.md 文件中获取其内容。这样,只需要更新一个文件。

我想markdown文件首先需要转换为html,然后可以将html放入另一个html文件中。

我调查了HTML5 Imports , 但它们目前仅在 Chrome 中受支持。将单独的 .js 文件与 document.write() 一起使用可能会有用,但有没有一种简单、干净的方法?

最佳答案

我正在使用 < zero-md > 网络组件。

<!-- Lightweight client-side loader that feature-detects and load polyfills only when necessary -->
<script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2/webcomponents-loader.min.js"></script>

<!-- Load the element definition -->
<script type="module" src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@1/src/zero-md.min.js"></script>

<!-- Simply set the `src` attribute to your MD file and win -->
<zero-md src="README.md"></zero-md>

关于javascript - 如何在 html 文件中包含 markdown (.md) 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37770620/

相关文章:

javascript - 事件监听器帮助(使一个按钮/元素执行多项操作)

html - 使用条件注释定位 IE8 是否有效?

javascript - 根据他的数值更改 td 元素的背景颜色

javascript - 处理 div 内的 javascript 弹出窗口

javascript - if 循环中的按钮

python - 一个简单的网络爬虫的问题

javascript - 在 dropbox 中更改选项时更改 div 的可见性

javascript - 将 markdown 转换为 json 对象

markdown - 我无法在问题中发布代码 - "appears"有未格式化的代码,但没有

ruby-on-rails - 我如何安全且廉价地允许在我的网站上显示图片?