7

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

请输入图片描述

项目主页

http://strapdownjs.com


编撰 SegmentFault


如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的

twogoods · 2015年07月31日

为什么我把代码贴上去不会渲染成html啊,而是高亮显示了markdown文字

回复

载入中...