代码运行完后怎么变成html_代码转html结果方法【技巧】

或<code>标签中，以保持格式。

<h2>二、利用Pygments库生成高亮HTML代码</h2>
<p>Pygments是一个功能强大的语法高亮<a style="color:#f60; text-decoration:underline;" title="工具" href="https://www.php.cn/zt/16887.html" target="_blank">工具</a>，支持多种<a style="color:#f60; text-decoration:underline;" title="编程语言" href="https://www.php.cn/zt/16832.html" target="_blank">编程语言</a>，能够将代码转换为带有CSS样式的HTML标记，适合用于博客或文档展示。</p>
<p>1、安装Pygments库：在命令行执行<strong><font color="green">pip install Pygments</font></strong>。</p>
<p>2、使用Lexer识别代码语言，例如用<strong><font color="green">PythonLexer()</font></strong>处理Python代码。</p>
<p>3、选择Formatter（如HtmlFormatter），调用<strong><font color="green">highlight(code, lexer, formatter)</font></strong>生成完整HTML片段。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/898">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679991044738.png" alt="Linfo.ai">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/898">Linfo.ai</a>
                            <p>Linfo AI 是一款AI驱动的 Chrome 扩展程序，可以将网页文章、行业报告、YouTube 视频和 PDF 文档转换为结构化摘要。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="Linfo.ai">
                                <span>104</span>
                            </div>
                        </div>
                        <a href="/ai/898" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="Linfo.ai">
                        </a>
                    </div>
                
<p>4、获取输出并保存为.<a style="color:#f60; text-decoration:underline;" title="html文件" href="https://www.php.cn/zt/18565.html" target="_blank">html文件</a>，或嵌入现有页面。</p>

<h2>三、手动包装代码内容到HTML结构中</h2>
<p>对于简单的转换需求，可以直接将代码文本包裹在HTML的</p>
<pre class="brush:php;toolbar:false;">和<code>标签内，确保<a style="color:#f60; text-decoration:underline;" title="浏览器" href="https://www.php.cn/zt/16180.html" target="_blank">浏览器</a>按原格式显示，同时避免执行潜在脚本。
<p>1、将代码运行结果复制为纯文本。</p>
<p>2、在文本前后分别添加<strong><font color="green"><pre><code></font></strong>和<strong><font color="green"></code></pre></font></strong>标签。</p>
<p>3、若包含特殊字符，需提前进行HTML实体<a style="color:#f60; text-decoration:underline;" title="编码" href="https://www.php.cn/zt/16108.html" target="_blank">编码</a>，或使用JavaScript在<a style="color:#f60; text-decoration:underline;" title="前端" href="https://www.php.cn/zt/15813.html" target="_blank">前端</a>动态插入以避免解析问题。</p>

<h2>四、使用Jupyter Notebook导出为HTML</h2>
<p>当代码在Jupyter环境中运行时，可直接利用其内置导出功能，将整个笔记本（含代码、输出、图表）转换为独立的HTML文件。</p>
<p>1、完成代码运行并确认输出正确显示。</p>
<p>2、点击菜单栏的<strong><font color="green">File → Download as → HTML (.html)</font></strong>选项。</p>
<p>3、保存文件到本地，该HTML可在任意浏览器中打开查看，保留原始格式与样式。</p></code>