在Python中将markdown转换为漂亮的网页

【玩转dash】公众号后台回复关键词【加群】加入技术交流区

---

大家好我是费老师，就在今天，由费老师我开源维护的Python库feffery-markdown-components（简称fmc）正式发布了其0.1.0版本（官网地址：http://fmc.feffery.tech/ ），基于它，我们可以在Python中，非常方便快捷地将我们的markdown文档直接转换成方便访问浏览的网站！

使用起来非常方便，它基于Python中大名鼎鼎的Dash框架，下面我们来简要看一下该如何使用fmc，内容摘抄自我为fmc开发的在线文档：

• 环境搭建

为了方便演示，我们先来搭建环境，这里使用conda搭建虚拟环境，在你的终端中直接粘贴下面的全部命令执行即可：

conda create -n dash-dev-demo python=3.8 -c https://mirrors.sjtug.sjtu.edu.cn/anaconda/pkgs/main -y
conda activate dash-dev-demo
pip install dash feffery-antd-components -i https://pypi.tuna.tsinghua.edu.cn/simple

• 基本使用示例

通过上述方式完成环境搭建后，我们新建一个app.py文件，代码如下，然后在对应目录下执行python app.py，再浏览器访问你本机的127.0.0.1:8050地址即可：

app.py

import dash
from dash import html
import feffery_markdown_components as fmc

app = dash.Dash(__name__)

raw_markdown = '''
### 1 标题

在文字写书写不同数量的`#`可以完成不同的标题，如下：

# 一级标题

## 二级标题

### 三级标题

### 2 无序列表

无序列表的使用，在符号`-`后加空格使用。如下：

- 无序列表 1
- 无序列表 2
- 无序列表 3

如果要控制列表的层级，则需要在符号`-`前使用空格。如下：

- 无序列表 1
- 无序列表 2
  - 无序列表 2.1
  - 无序列表 2.2

### 3 有序列表

有序列表的使用，在数字及符号`.`后加空格后输入内容，如下：

1. 有序列表 1
2. 有序列表 2
3. 有序列表 3
'''

app.layout = html.Div(
 [
        fmc.FefferyMarrkdown(
         markdownStr=raw_markdown
        )
    ]
)

if __name__ == '__main__':
    app.run()

不出意外的话你就会看到类似下面由我们定义的markdown内容所渲染出的网页内容：

这只是fmc的基础能力，除此之外，它还支持数十种代码主题切换（代码块渲染结果自带复制按钮）：

数学公式渲染：

原生HTML渲染等诸多功能：

以上内容均来自于我为fmc开发的在线文档官网（http://fmc.feffery.tech/），欢迎访问学习更多~

如果你对Dash应用开发感兴趣，欢迎在【玩转dash】公众号后台回复【进群】加入交流群参与更多学习讨论，一起走在国内Dash应用技术前沿🥳