把html markdown 之后怎么在页面正常显示出来

Posted 2023-05-08

使用工具：js parser

操作方法：

一、浏览器端进行渲染（markdown转html），比如ajax+marked 

二、工具链接：

参考技术A MarkDown只是一种文本编辑格式。用于快速编写文档。
显示则是通过MarkDown编辑器转换为html代码来实现显示的。
因为浏览器支持html格式文件，不支持md格式文件。
所以如果把htm文件转换为MarkDown文件之后，需要再次转换为html才能显示。 参考技术B MarkDown只是一种文本编辑格式。用于快速编写文档。
显示则是通过MarkDown编辑器转换为html代码来实现显示的。
因为浏览器支持html格式文件，不支持md格式文件。
所以如果把htm文件转换为MarkDown文件之后，需要再次转换为html才能显示。 参考技术C 一个在浏览器端解析md=>html的js解析器 比如 http://strapdownjs.com

用 Excel 生成和管理 Markdown 表格--转载

Markdown 作为一种轻量级的标记语言，用来进行简单的文本排版，确实方便快捷。但 Markdown 标记语言的属性，也使得其在表格处理上略显繁琐且不直观。而 Excel 几乎就是表格的代名词，借助 Excel，可以改善我们在 Markdown 中使用表格的体验。下文将简单介绍怎么使用 Excel 生成和管理可用于 Markdown 文章的表格。

 

填写表格

在 Excel 中正常填写你的表格内容，之后在标题行下插入一行，要居中的填入 :-:，要右对齐的填-:，其它全部填上-。

-	左对齐	居中对齐	右对齐
:-:	-	:-:	-:
1	Left	Center	Right
2	Left	Center	Right
3	Left	Center	Right

• 如图左上角，表头也不要留空，填上-提高兼容性。

生成表格

选中表格，复制，然后粘贴到 Markdown 编辑器中

1 2 3 4 5

- 左对齐 居中对齐 右对齐 :-: :- :-: -: 1 Left Center Right 2 Left Center Right 3 Left Center Right

复制出来的 Excel 默认以tab作为单元格分隔符，而 Markdown 则以|为分隔符。顺理成章，当我们使用 | 对原tab分隔符进行替换后，即可生成 Markdown 化的表格。

1 2 3 4 5

-|默认左对齐|居中对齐|内容右对齐 :-:|-|:-:|-: 1|Left|Center|Right 2|Left|Center|Right 3|Left|Center|Right

表格效果大致如下：

-	左对齐	居中对齐	右对齐
1	Left	Center	Right
2	Left	Center	Right
3	Left	Center	Right

处理表格

在 Excel 中，处理表格灵活方便，调整好后再按上面方法重新生成表格即可。

• 可以对表格进行快速拖拽排序；
• 可以用公式 =row() 给表格添加自动序号；
• 当然我们也可以使用 Markdown 语法为单元格内容设置格式，添加超链接等；

其他说明

• Markdown 默认语法不支持单元格合并，更复杂的表格不适合用在 Markdown 中；
• 这种写法的表格，目前已知在 GitHub 上不能正确解析；
• 自用 Windows 和 Mac 软件推荐，这些表格处理经验基本是为了写左边这篇文章而积累的，大家可以看看效果。
• 顺便推荐一个在线表格生成网站，Tables Generator.com，在上面也可以快速生成通用的 Markdown 表格。使用网站的不便之处就是需要联网，而且这个网站还在[墙外]。

本文标题:用 Excel 生成和管理 Markdown 表格

文章作者:MOxFIVE

发布时间:2015-10-31, 18:18

最后更新:2015-12-23, 01:02

更新历史: Blame, History文本模式: .md Raw

原始链接:http://MOxFIVE.xyz/2015/10/31/excel-markdown-table/ 

许可协议: "署名-非商用-相同方式共享 3.0" 转载请保留原文链接及作者。