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

时间 2019-11-09

标签 strapdown.js strapdown html 内嵌 markdown 静态解决方案栏目 JavaScript 繁體版

原文原文链接

strapdown.js使得基于 Markdown 编写网页极其便利：html

只需在 html 文件中引用strapdown.js，而后在<xmp>标签内书写 Markdown 内容便可。浏览器加载时会自动将 Markdown 渲染为 HTML。再方便不过。segmentfault

示例

<!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
可定制主题

项目主页

http://strapdownjs.com浏览器

编撰 SegmentFaultide