code2html是一款非常實用的工具,可以將代碼高亮并轉(zhuǎn)換成HTML格式。而在使用code2html時,我們需要設(shè)置一些規(guī)則,以便更好地展示代碼。下面介紹一些常用的設(shè)置規(guī)則:
1. 聲明編程語言 <code lang="java"> 這里是Java代碼 </code> 2. 設(shè)置代碼高亮主題 <link rel="stylesheet" href="path/to/highlight.css"> <script src="path/to/highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script> 3. 設(shè)置代碼行號 <pre class="line-numbers"> 這里是需要顯示行號的代碼 </pre> 4. 去除代碼縮進 <pre><code>代碼內(nèi)容</code></pre> 5. 設(shè)置代碼顯示縮進 <pre class="prettyprint linenums"><code>代碼內(nèi)容</code></pre> 6. 設(shè)置代碼顯示行號的樣式 .line-numbers { width: 3em; background-color: #f7f9fb; border-right: 1px solid #ddd; color: #999; display: inline-block; padding: 0 10px 0 0; text-align: right; user-select: none; } 7. 設(shè)置代碼顯示主題樣式 pre.prettyprint { background-color: #f7f7f7; border: 1px solid #ccc; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 13px; line-height: 19px; padding: 10px; white-space: pre-wrap; word-wrap: break-word; } 通過這些設(shè)置規(guī)則,我們可以更加自由地展示代碼,讓代碼看起來更加美觀和易讀。