自用CDN加速

建议使用其他公益CDN加速

「悠哉字体」

       
    <link rel="stylesheet" href="https://cdn.imsun.org/Yozai-Medium/result.css" /> 
    <style>
        body {
          font-family: "Yozai Medium", sans-serif;
        }
    </style>
HTML

「霞鹜文楷」

       
<link rel="stylesheet" href="https://cdn.imsun.org/lxgw-wenkai-screen-webfont/style.css" /> 
<style>
    body {
      font-family: "LXGW WenKai Screen", sans-serif;
    }
</style>
HTML

「霞鹜铭心宋」

       
<link rel="stylesheet" href="https://cdn.imsun.org/LXGWHeartSerif/result.css" /> 
<style>
    body {
      font-family: "LXGW Heart Serif", sans-serif;
    }
</style>
HTML

「YaHei Consolas Hybrid」

       
<link rel="stylesheet" href="https://cdn.imsun.org/YaHeiConsolasHybrid/result.css" /> 
<style>
    body {
      font-family: "YaHei Consolas Hybrid", sans-serif;
    }
</style>
HTML

「Xiaolai Mono SC」

       
<link rel="stylesheet" href="https://cdn.imsun.org/XiaolaiMonoSC-Regular/result.css" /> 
<style>
    body {
      font-family: "Xiaolai Mono SC", sans-serif;
    }
</style>
HTML

「God-FangSongGBK-free」

       
<link rel="stylesheet" href="https://cdn.imsun.org/God-FangSongGBK-free/result.css" /> 
<style>
    body {
      font-family: "God-FangSongGBK-free", sans-serif;
    }
</style>
HTML

「Prismjs代码高亮」


  <script src="https://cdn.imsun.org/highlight/prism.js"></script>
  <link rel="stylesheet" href="https://cdn.imsun.org/highlight/prism.css"  />
  <script>
  document.addEventListener('DOMContentLoaded', function () {
    var defaultLanguage = 'javascript'; 
    document.querySelectorAll('pre code').forEach(function (block) {
      if (!block.classList.length) {
        block.classList.add('language-' + defaultLanguage);
      }
    });
    Prism.highlightAll();
  });
  </script>
HTML

「highlightjs Mac」


<link rel="stylesheet" href="https://cdn.imsun.org/highlight/lines.css"  />
<link rel="stylesheet" href="https://cdn.imsun.org/highlight/customemin.css"  />
<script src="https://cdn.imsun.org/jquery.min.js"></script>
<script src="https://cdn.imsun.org/highlight/clipboard.min.js"></script>
<script src="https://cdn.imsun.org/highlight/guess.js"></script>
<script src="https://cdn.imsun.org/highlight/highlight.js"></script>
<script>//hljs.highlightAll() 
$(document).ready(function() {
    // 高亮代码块
    $("pre code").each(function(i, block) {
        hljs.highlightBlock(block);
    });
    // 为代码块添加行号
    $("pre code").each(function() {
        var $codeBlock = $(this);
        if ($codeBlock.find("ul").length === 0) { // 检查每个代码块是否已经添加过行号
            var lines = $codeBlock.html().split('\n'); // 分割代码块成行
            var numberedLines = lines.map(function(line) {
                return "" + line + ""; // 包装每行
            });
            $codeBlock.html("" + numberedLines.join('') + ""); // 拼接行并重新放入代码块
        }
    });
});
</script>
HTML