strapdown.js HTML 内嵌 Markdown 的静态解决方案

2019年8月26日 223次阅读 来源: weakish

strapdown.js使得基于 Markdown 编写网页极为轻易：

只需在 html 文件中援用strapdown.js，然后在<xmp>标签内誊写 Markdown 内容即可。浏览器加载时会自动将 Markdown 衬着为 HTML。再轻易不过。

示例

<!DOCTYPE html>
<html>
<title>Hello Strapdown</title>

<xmp theme="united" style="display:none;">
# Markdown text goes in here

## Chapter 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. 

## Chapter 2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</xmp>

<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
</html>

特征

  • 搜索引擎友爱
  • 跨浏览器支撑
  • 支撑剖析 Github-flavored Markdown
  • 可定制主题

《strapdown.js HTML 内嵌 Markdown 的静态解决方案》

项目主页

http://strapdownjs.com

编撰 SegmentFault

    原文作者：weakish
    原文地址: https://segmentfault.com/a/1190000000500211
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞