prismjs
落雪的随笔小屋 River's Blog

prismjs

prismjs

Version License

Custom PrismJS Package

usage

<html>
  <head>
    <link rel="preload" id="prismcss" href="https://cdn.jsdelivr.net/npm/@riverzhou/prismjs/prism.min.css" as="style" onload="this.tag='loaded'" />
    <script type="text/javascript" id="prismjs" src="https://cdn.jsdelivr.net/npm/@riverzhou/prismjs/prism.min.js" charset="utf-8" async></script>
    <script>
    document.getElementById("prismjs").onload = () => {
      var prismcss = document.getElementById("prismcss");
      if (prismcss.tag == "loaded") {
        prismcss.rel = "stylesheet";
      } else {
        prismcss.onload = () => {
          this.rel = "stylesheet";
        };
      }
    };
    </script>
  </head>
</html>

config

{
    "themes": [
        "prism-okaidia"
    ],
    "languages": [
        "markup",
        "css",
        "clike",
        "javascript",
        "arduino",
        "bash",
        "basic",
        "c",
        "csharp",
        "cpp",
        "diff",
        "django",
        "excel-formula",
        "fortran",
        "git",
        "go",
        "http",
        "ini",
        "java",
        "json",
        "kotlin",
        "latex",
        "liquid",
        "llvm",
        "lua",
        "makefile",
        "markdown",
        "markup-templating",
        "matlab",
        "mongodb",
        "nasm",
        "nginx",
        "objectivec",
        "pascal",
        "perl",
        "php",
        "plsql",
        "properties",
        "python",
        "rest",
        "ruby",
        "scss",
        "sql",
        "swift",
        "typescript",
        "verilog",
        "vhdl",
        "vim",
        "visual-basic",
        "wasm",
        "wiki",
        "xml-doc",
        "yaml"
    ],
    "plugins": [
        "line-numbers",
        "show-language",
        "toolbar"
    ]
}

lineno

<body class="line-numbers"> <!-- enabled for the whole page -->
... ...
</body>

code

Content