Markdown 表格调试

markdown # 开启表格选项 之前想在blog里用markdown的表格, 没生效, 后来才知道markdown的表格并不是一个标准的规范, 但是确实很多人有需求, 所以一般不会默认开启. showdown也是, 默认不会开启表格, 需要手动开启 [ showdown官方wiki之开启选项 ](https://github.com/showdownjs/showdown/wiki/Showdown-options) 在自己的blog后台编辑script那里加代码就可以开启了 方法1: ``` var converter = new showdown.Converter(); converter.setOption('tables', true); ``` 方法2: ``` var converter = new showdown.Converter({tables:true}); ``` # 美化表格 开启之后只有排版, 看不到效果, 以为是开启失败了, 研究了半天才知道是太丑了没认出来, 需要美化一下 [美化表格](https://megahertz66.github.io/technical-records/2020/08/28/%E9%9D%99%E6%80%81%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E8%AE%B0%E5%BD%95/) [表格美化css](https://megahertz66.github.io/technical-records/2020/08/28/%E9%9D%99%E6%80%81%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA%E8%AE%B0%E5%BD%95/) 从上面下载美化表格的css, 然后放到自己的图床PicGo里, 在库里找到这个文件, 点击raw, 会得到链接一个链接 https://raw.githubusercontent.com/Baileyus/blog_img/main/style.css 然后把 https://raw.githubusercontent.com/ 替换成-> http://raw.githack.com/ 就可以用了, 但是这个是http的, 如果放在自己服务器的话, 可能有风险 获得线上css文件之后, 在后台加入以下代码: ``` ``` 完成! 效果图:  实际效果: | h1 | h2 | h3 | |:------|:-------:|--------:| | 100 | [a][1] | ![b][2] | | *foo* | **bar** | ~~baz~~ | 还有一件很奇怪的事情, 以前的代码块是没有背景色的, 调试过程中突然有背景色了, 可能是网络原因, 以后再调查一下