转换成带有toc的html,使用 i5ting_toc 将 MD 转换成 HTML

本文介绍了一种使用Python脚本结合i5ting_toc工具将Markdown文件转换为HTML的方法。该脚本仅支持单个MD文件的转换,并会在指定目录生成包含CSS及JavaScript的HTML文件,便于后续的网页预览。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

md 转换成 html 使用 i5ting_toc 来转换算是一个比较折中的办法吧,但是平常接触的太多,导致我时不时的记不住转换的命令,于是用我这半吊子的 Python 写了个脚本来组合命令

做好后的效果是这样的:

52c77f233c6c732335cf048a9e16b6bb.png

转换前的准备

首先要安装好 node.js,完成后在在 cmd 中执行如下命令:

1 npm install -g i5ting_toc

然后你需要创建一个名为:zhml 的文件夹,在这个文件夹下放置一篇 md 文章,并将如下代码保存为:zh.py (文件名随意)

1 # -*- coding: utf-8 -*-

2

3 import os

4

5 text1='''

6

7 预置:

8

9 你的 Windows 必须先装好了 node.js 才能安装依赖环境

10

11 你也可以使用命令方式安装依赖:npm install -g i5ting_toc

12

13 说明:

14

15 1. 本脚本一次只能转换一个 MD 文件(转换目录: zhml 下每次只允许放置一篇文章)

16

17 2. 转换成功后会在转换目录文件夹外生成一个 preview 文件夹(该文件夹即转换后的HTML文件存放位置)

18

19 3. preview 文件夹下的内容包含 CSS + JavaScript 文件

20

21 4. 转换完成后程序会自动退出并打开网页进行预览

22

23 '''

24

25 print(text1)

26

27 os.system('pause')

28

29 print(' 开始转换!若失败请检查是否安装好了 i5ting_toc !')

30

31 names=os.listdir('zhml') #遍历文件目录

32

33 wj=str(names) #处理成字符串

34

35 a=wj[2:-2] #取范围

36

37 b='i5ting_toc -f 转换目录/'

38

39 c=' -o'

40

41 d=b+a+c #组合命令

42

43 os.system(d) #执行构造的命令

44

45 print(' MD 转换 HTML 完成!若失败请检查是否安装好了 i5ting_toc !')

开始转换

使用 python3 在 cmd 窗口下运行脚本,完成后会直接打开生成的网页,下面是完整的运行过程

1 Microsoft Windows [版本 10.0.18917.1000]

2

3 (c) 2019 Microsoft Corporation。保留所有权利。

4

5

6

7 D:\转换>python3 zh.py

8

9 预置:

10

11 你的 Windows 必须先装好了 node.js 才能安装依赖环境

12

13 你也可以使用命令方式安装依赖:npm install -g i5ting_toc

14

15 说明:

16

17 1. 本脚本一次只能转换一个 MD 文件(转换目录: zhml 下每次只允许放置一篇文章)

18

19 2. 转换成功后会在转换目录文件夹外生成一个 preview 文件夹(该文件夹即转换后的HTML文件存放位置)

20

21 3. preview 文件夹下的内容包含 CSS + JavaScript 文件

22

23 4. 转换完成后程序会自动退出并打开网页进行预览

24

25 请按任意键继续. . .

接着回车就会生成好html了,这个时候你完全可以抛弃自带的 preview 文件夹下的部分 js 或 css ,自己写好一个模板,然后不断往里丢 html 文件就好了!

我的博客就是采用的这种方法,但自带的 css + js 我没怎么去做修改,我觉得还是挺不错的,于是也就懒得改了!

编译成 EXE

这个没啥说的,用 pyinstaller 的 -F 参数生成个EXE单文件就好了

pyinstaller -F zh.py

在 dist 目录下便是生成好的单文件!

标签:MD,i5ting,HTML,js,文件夹,toc,preview,转换

来源: https://www.cnblogs.com/hex208/p/12540646.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值