代码高亮 [highlight]

    Kodama 程序 本身并未提供代码高亮支持, 但用户想要为其配置一些主流的高亮工具也不是一件难事. 我们以 highlight.js 为例. 在工作区根目录新建 import-style.html, 内容如下:

    import-style.html [highlight.js]

      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/obsidian.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/rust.min.js"></script>

<script>hljs.highlightAll();</script>

<style>
    pre {
        background-color: transparent;
    }

    .hljs {
        background-color: var(--background-color-code);
    }

    .hljs,
    .hljs-subst.hljs-class .hljs-title,
    .hljs-code,
    .hljs-section,
    .hljs-title.class_ {
        color: var(--text-color);
    }
</style>

      随后重新编译即可. 我们还额外设置了一些样式, 用于调整浏览器明暗主题下的代码高亮行为.