html文档支持代码高亮,为HTML中的代码添加语法高亮

Hexo 默认对于代码高亮的处理过于粗暴，改变了其原有的

标签形式，而且并没有达到良好的效果，所以尝试自己添加语法高亮功能。此文档也适用于其它HTML文档中代码的语法高亮显示。

我这里使用highlight.js进行添加语法高亮

highlight.js优势：176 languages and 79 styles

automatic language detection

multi-language code highlighting

available for node.js

works with any markup

compatible with any js framework

下面开始集成

添加引用：

以上第一行是风格样式，我这里使用了monokai-sublime样式；

第二行是highlight的JS库；

第三行在文档加载时自动检测

标签进行格式化。

highlight.js虽然支持100多种语言，但默认并不包含所有，在下载页提供了语言选择，建议自己选择下载，毕竟每个人心目中的热门语言都不同，个人需要在页面中使用的语言也不同。

当然你也可以使用一些静态CDN库进行加速。

我的博客就是使用了这个库，以下是一段Java代码示例：/******************************************************************************

* Compilation: javac HelloWorld.java

* Execution: java HelloWorld

*

* Prints "Hello, World". By tradition, this is everyone's first program.

*

* % java HelloWorld

* Hello, World

*

******************************************************************************/

public class HelloWorld {

public static void main(String[] args) {

// Prints "Hello, World" to the terminal window.

System.out.println("Hello, World");

}

html文档支持代码高亮,为HTML中的代码添加语法高亮相关推荐

swagger-bootstrap-ui 1.9.3 发布，i18n及自定义文档支持
开发四年只会写业务代码,分布式高并发都不会还做程序员? swagger-bootstrap-ui 1.9.3 发布了.swagger-bootstrap-ui是 Swagger 的增强UI 实现, ...
java-使用 flying-saucer 通过 xhtml 生成 pdf 文档支持 css 和图片
java-使用 flying-saucer 通过 xhtml 生成 pdf 文档支持 css 和图片重要说明: 1.使用 xhtml 生成 pdf ,对于 xhtml 的语法要求非常严格: 2.中 ...
java pdf 中文_java-pdf-itext 生成pdf 文档(支持中文字体)
java-pdf-itext 生成pdf 文档(支持中文字体) itext 版本:2.1.7 package com.demo.preview; import java.io.ByteArrayOut ...
使用IText组件在PDF文档上绘制椭圆形印章的算法分析及代码分享
1. 引言 PDF是一种和操作系统及平台无关的.可移植的电子文件格式,其以PostScript语言图像模型为基础,无论在哪种打印机上,都可保证精确的颜色和准确的打印效果.PDF将真实地再现原稿的每一个 ...
JAVA实现模板word文档导入,Java依据word模板生成word文档之后台解析和实现及部分代码（一）...
Java根据word模板生成word文档之后台解析和实现及部分代码(一) 后台主要工作是解析XML定义的标签文件,并获取到数据集,放入到Map中,然后调用Jacob.jar中提供的相关方法来实现替换. ...
python读取pdf文档书签 bookmark_用Python为PDF文件批量添加书签
平时看一些大部头的技术书籍,大多数都是PDF版的,而且有一些书籍是影印扫描版的,几百上千页的书,没有任何书签,想要找到一个章节的位置非常费劲.那么就想,能不能搞一个工具,来自动地为这些大部头的PDF书 ...
Win 10 开发中Adaptive磁贴模板的XML文档结构，Win10 应用开发中自适应Toast通知的XML文档结构...
分享两篇Win 10应用开发的XML文档结构:Win 10 开发中Adaptive磁贴模板的XML文档结构,Win10 应用开发中自适应Toast通知的XML文档结构. Win 10 开发中Adapt ...
开发接口文档_更优更稳更好，看文档驱动开发模式在AIMS中的优势
[摘要]程序员常会说:我最讨厌别人写的代码没有文档,我也最讨厌自己需要写文档. 有一个很老的梗: 我最讨厌别人写的代码没有文档,我也最讨厌自己需要写文档. 有这种想法的程序员应该算是一个老鸟了,对于 ...
vscode写php高亮,写了一个Hy的vscode语法高亮插件
-------2018 8 3----------- 把函数名和参数改了,正则有点古怪,参考自带的lambda表达式才搞定但彩色括号走了弯路,各种配图有彩色括号的插件其实很少是自己搞的,其实只要再装 ...

html文档支持代码高亮,为HTML中的代码添加语法高亮

html文档支持代码高亮,为HTML中的代码添加语法高亮相关推荐

最新文章

热门文章