如何在wordpress网站上放置一个乳胶绘制电路？

Question

我为在线教育制作了一个wordpress网站。我写了乳胶码来画电路。现在我的问题是如何把这个电路放到我的网站上？

我知道的一个选择，是采取一个屏幕截图的电路和上传图像在您的网站。但还有其他复杂的解决方案吗？

Answer 1

您可以使用

和标记的组合将您的乳胶码(或任何代码)直接插入编辑器。

标记将保留换行符，标记将告诉浏览器显示代码，而不是将其呈现为html。

下面是一个例子。

        \documentclass{article}
        \usepackage{tikz}
        \usepackage{circuitikz}

        \begin{document}
            \begin{figure}[h!]
            \begin{center}
                \begin{circuitikz}
                \draw (0,0)
                to[V,v=$U_q$] (0,2) % The voltage source
                to[short] (2,2)
                to[R=$R_1$] (2,0) % The resistor
                to[short] (0,0);
                \end{circuitikz}
                \caption{My first circuit.}
            \end{center}
            \end{figure}
        \end{document}

如果使用WP 5+，可以将其直接放在编辑器的HTML块中。您的主题可能有或可能没有特定的代码样式，但如果需要，可以添加CSS来样式这些标记。

你也可以使用第三方的“语法高亮”工具，这些工具预先包装好了在网络上显示代码的样式。例如，https://github.com/google/code-prettify