使用TOC导出到html后，代码单元格不会折叠

在使用Jupyter Notebook或类似的环境时，如果你想要在导出的HTML文件中实现代码单元格的折叠功能，尤其是在包含目录（TOC，Table of Contents）的情况下，你需要确保在导出过程中使用了正确的扩展和配置。这里我将提供一些步骤和技巧，帮助你实现这一功能。

使用nbconvert和相关扩展

• 安装nbconvert和jupyter_contrib_nbextensions： 这些工具可以帮助你更灵活地控制Notebook的导出过程，包括支持目录和代码折叠等功能。

pip install nbconvert
pip install jupyter_contrib_nbextensions

然后，安装JavaScript和CSS文件：

jupyter contrib nbextension install --user

• 启用相关的nbextensions： 使用Jupyter Notebook的扩展管理器启用“Table of Contents”和“Codefolding”扩展。你可以通过Notebook的菜单栏访问这些设置：Edit -> nbextensions config。
• 配置Notebook： 在你的Notebook中，确保已经正确设置了TOC和代码折叠。通常，这可以通过扩展的图形界面进行设置。
• 导出HTML： 使用nbconvert命令行工具来导出Notebook。你可能需要自定义导出模板，或者使用预配置的模板来支持代码折叠。以下是一个基本的命令行示例，用于导出HTML并包含目录：

jupyter nbconvert --to html_toc your_notebook.ipynb 如果这个命令不起作用（因为html_toc可能不是一个标准选项），你可能需要创建一个自定义的导出模板，或者在导出命令中明确指定使用目录和代码折叠的扩展。

创建自定义导出模板

如果标准的导出选项不满足你的需求，你可以创建一个自定义的nbconvert模板，其中包含必要的JavaScript和CSS来支持代码折叠和目录。这通常涉及到编辑或创建一个HTML模板文件，该文件包含控制代码折叠的JavaScript代码。

1. 创建模板文件： 在Jupyter Notebook的模板目录中创建一个新的HTML模板文件，或者修改现有的模板。
2. 添加JavaScript和CSS： 在模板中添加必要的JavaScript和CSS代码，以实现代码单元格的折叠。这可能需要一些前端开发知识。
3. 使用自定义模板导出： 使用nbconvert命令，并指定你的自定义模板来导出Notebook。

jupyter nbconvert --to html --template your_custom_template.tpl your_notebook.ipynb

注意事项

• 确保所有的扩展都已正确安装并启用。
• 测试导出功能以确保它符合你的期望，特别是在不同的浏览器中查看输出的HTML。
• 考虑到代码折叠和目录可能依赖于JavaScript，确保在查看导出的HTML文件时没有禁用JavaScript。