浙江网站设计公司,南充楼市,备案 非网站备案,2024年最新时政热点经常在一些大神博客里面看到非常好看的高亮代码#xff0c;有sublime风格#xff0c;GitHub风格等等。毫无疑问#xff0c;好的高亮代码插件可以不仅仅让你的博文显得更高大上#xff0c;更重要的是舒适的阅读体验。经过我在网上的一番搜罗#xff0c;终于找到了一款非常赞… 经常在一些大神博客里面看到非常好看的高亮代码有sublime风格GitHub风格等等。毫无疑问好的高亮代码插件可以不仅仅让你的博文显得更高大上更重要的是舒适的阅读体验。经过我在网上的一番搜罗终于找到了一款非常赞的高亮插件先来看看效果吧!1.Javascript 效果//检测URLfunctioncheckeUrl(url){returnnewRegExp(^(https|http|ftp|rtsp|mms)://[-a-zA-Z0-9#/%?~_|!:,.;]*[-a-zA-Z0-9#/%~_|], g).test(url);};//控制台打印window.console window.console || { log : function(){}}; 2.Java代码publicinterfaceUserDao {/** * * 根据用户对象检索用户信息 * param user * return User * see [类、类#方法、类#成员] */public User getUser(User user); /** * 更新用户信息 * param user * return int */publicintupdateUser(User user);}更多高大上的效果sublime,googlecode大家可以戳这里http://highlightjs.org/static/test.html使用方法准备工作 插件使用非常简单只需要在你要使用插件的页面引入highlight.js.和相应代码风格的Css样式文件即可。例如我这里采用的风格为 Solarized - Dark那么我引入了这个css样式文件http://highlightjs.org/static/styles/solarized_dark.css页面显示端看下面的实例代码//在页面中添加初始化脚本script hljs.configure({tabReplace: }); hljs.initHighlightingOnLoad();/script//需要高亮显示的代码需要用precodeclasslanguage/code/pre标签括起来//其中language为要显示代码是什么语言例如要显示Java代码则是classjava,//html代码则是classxmlprecodeclassxml //详细代码 /code/pre在博客园中使用 在博客后台设置中添加上JS脚本引用和初始化脚本把要应用的代码风格css样式Copy到页面定制CSS代码中保存。 然后在每次写博文时添加完代码后切换为HTML编辑状态把代码部分稍作修改把原来的pre class去掉然后在里面加上code标签以及code class即可。插件官网地址http://highlightjs.org/赶紧去试试吧小伙伴们 转载于:https://blog.51cto.com/zivxiaowei/1395833
