导航:[首页]->[www]->[google-code-prettify简介]

官方网站:google-code-prettify使用说明

详细说明

  • 加载对应的js和css,例如
  • 将代码放置在一个pre结构中
    您的代码
  • google-code-prettify可以自动判断语言,不过你可以手动指定语言
            The lang-* class specifies the language file extensions.
            File extensions supported by default include
              "bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html",
              "java", "js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh",
              "xhtml", "xml", "xsl".
          
  • 为了开启行号,可以用如下的方式
    // This is line 4.
              foo();
              bar();
              baz();
              boo();
              far();
              faz();
          
  • 为了设定代码高亮的风格,可以修改prettify的css,具体参考这里
  • 为了方便,我将这些内容放到post.html里面