Markdown 中增加表格

默认表格

Markdown 是支持表格的,但是对于表格的支持,只限于简单的表格,复杂的内容并不多。

| 目录 | 内容 |
|------|------|
| xxx  | xxxx |
| sxe  | afda |

| 目录 | 内容 | |------|------| | xxx | xxxx | | sxe | afda |

复杂表格

Markdown 想要支持复杂一些的表格的话,可以支持使用 JavaScript 中的 table 语法,如果是使用的 markdown-it 进行渲染,也可以采用第二种方法编写。

通用示例

  • 水平单元格的合并:基于 colspan 属性,即使一个单元格占多列的空间
  • 纵向单元格的合并:基于 rowspan 属性,即使一个单元格占多行的空间

    //居中
    style="text-align:center;"
    //右对齐
    style="text-align:right;"
    
  • 示例

    :::html

    目录1 目录2 目录3
    内容1 xxx ssss
    sfas atadfs
    测试 水平合并
    xxx afda afadf
    afadfa

目录1 目录2 目录3
内容1 xxx ssss
sfas atadfs
测试 水平合并然后右对齐
xxx afda afadf
水平合并然后居中

markdown-it-multimd-table

将 hexo 的渲染引擎从 marked 修改到 markdown-it 的方法见 {% post_link '前端技术/hexo-markdown-tasks-emoji' %}。

这里需要增加安装多维表格插件:

npm i -S markdown-it-multimd-table

然后将对应的配置放到 __config.yml_ 文件中。

  plugins:
    ...
    - markdown-it-multimd-table
  • 示例
    Stage | Direct Products | ATP Yields
    ----: | --------------: | ---------:
    Glycolysis | 2 ATP ||
    ^^ | 2 NADH | 3--5 ATP |
    Pyruvaye oxidation | 2 NADH | 5 ATP |
    Citric acid cycle | 2 ATP ||
    ^^ | 6 NADH | 15 ATP |
    ^^ | 2 FADH2 | 3 ATP |
    **30--32** ATP |||
    [Net ATP yields per hexose]
    ```
    

测试了一下,目前不支持 无表头表格多行合并 ,只支持多列合并。

Author
Tags
总结(3) Emacs(2) org mode(4) 年度清单(2) 读书清单(2) 电影清单(2) 电视清单(2) Python(3) 学习计划(1) 子弹笔记(1) 手帐体系(1) 时间管理(1) 时间使用效率(1) 形意拳(1) 知识管理(1) 简历(1) 技能水平(1) 生活(1) 减法生活(1) 阅读(1) 阅读分组(1) org(1) docx(1) markdown(2) cmder(1) 图床(1) jsdelivr(1) github(1) 安卓系统(1) 手动更新手机系统(1) post link(1) post path(1) hexo(2) hugo(2) GitHub Pages(1) travis(1) 自动部署博客(1) presentation(1) gcc(1) g++(1) 默认表格(1) 复杂表格(1) multimd table(1) google adsense(1) evil(1) surround(1) librime(2) emacs-rime(1) liberime(1) dot(1) graphviz(1) use-sub-superscripts(1) ditaa(1) Evil Multiple cursors(1) turn evil mode off(1) modifier keys(1) keymap(1) super(1) hyper(1) install Emacs(1) Mac OS(1) keybinds(1) clocktable(1) coding system(1) image library(1) keybind(1) spacemacs(1) org babel(1) homebrew(1) dd(1) diskutil(1) tmux(1) xcode(1) xcrun(1) node-gyp(1) tar(1) tree(1) pacman(1) plantuml(1) find(1) grep(2) du(1) apt-get(1) apt(1) regex(1) wildcard(1) zsh(1) gdb(1) lsof(1) netstat(1) rebase(2) workflow(1) 工作流(1) .gitignore(1) postbuffer(1) hung up(1) merge(1) cache(1) reset(1) Git(1) command(1) submodule(1) GitHub Pull Request(1) pr(1) Matplotlib(1) beautifusoup(1) 下载小说(1) SOLID(1) Leetcode(2) 透视表(1) read_excel()(1) pandas(1) conda(1) django(1) markdown-deux(1) mysql(1) oracle(1) 模糊查询(1) logging level(1) reflex(1) Field(1) Maven(1) Selenium(1) 下拉框(1) select into(1) insert into select(1) CAST(1) CONVERT(1) timestamp(1) concat(1) concat_ws(1) group_concat(1) union(1) grant privileges(1) 重置 root 密码(1) 报错 10060(1) 清理连接数(1) create user(1) set password(1) exists(1) in(1) markdown-it(1) emoji(1) tasks(1) valine(1) Code 504(1) Hugo(1) theme(1) substring(1) indexOf(1) RegExp(1) 定位节点(1) 正则匹配(1) async(1) 异步请求(1) css(2) layui(1) 滚动条(1) JavaScript(1)