经常在一些大神博客里面看到非常好看的高亮代码,有sublime风格,GitHub风格等等。毫无疑问,好的高亮代码插件可以不仅仅让你的博文显得更高大上,更重要的是舒适的阅读体验。经过我在网上的一番搜罗,终于找到了一款非常赞的高亮插件,先来看看效果吧!
1.Javascript 效果
function checkeUrl(url){
return new RegExp("^(https|http|ftp|rtsp|mms)://[-a-zA-Z0-9+&@#/%?=~_|!:,.;]*[-a-zA-Z0-9+&@#/%=~_|]", 'g').test(url);
};
window.console = window.console || {
log : function(){}
};
2.Java代码
public interface UserDao {
/**
*
* 根据用户对象检索用户信息
* @param user
* @return User
* @see [类、类#方法、类#成员]
*/
public User getUser(User user);
/**
* 更新用户信息
* @param user
* @return int
*/
public int updateUser(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>
//需要高亮显示的代码需要用<pre><code class="language"></code></pre>标签括起来,
//其中language为要显示代码是什么语言,例如要显示Java代码则是class="java",
//html代码则是class="xml"
<pre>
<code class="xml">
//详细代码
</code>
</pre>
在博客园中使用:
在博客后台设置中添加上JS脚本引用和初始化脚本,把要应用的代码风格css样式Copy到页面定制CSS代码中,保存。
然后在每次写博文时,添加完代码后,切换为HTML编辑状态,把代码部分稍作修改,把原来的pre class去掉,然后在里面加上code标签以及code class即可。
插件官网地址:http://highlightjs.org/
赶紧去试试吧,小伙伴们!!
分享到:
相关推荐
VS2013版本的sublime字体主题................................
sublime text3配置node.js开发环境,网上的配置方法不全,而且许多存在问题,自己总结了一篇,实测可用。
Sublime Text Build 3083绿色版,已经安装了如下插件: package_control Alignment.sublime-package All Autocomplete.sublime-package BracketHighlighter.sublime-package Compare Side-By-Side.sublime-package ...
sublime代码高亮插件。非常好用。一直习惯用sublime。下载半天
Sublime.Text.3.Build.3207.x64最新版本,含破解补丁和补丁使用说明。亲测有效!
sublime text v2.x.keygen 不解释,备用工具 ...
sublime text v2.x.keygen注册机
会打开Sublime Text默认的插件目录...\Packages 然后把汉化与插件包里面的三个插件放上述目录里面,以后可以直接使用线安装插件 default 菜单:汉化包 Package Control 插件:方便在线安装插件 ConvertToUTF8 插件...
Sublime Text 是众所周知的神器,无奈伟大得局域网访问不了主页和下载页面(碰运气的请试: http://www.sublimetext.com/2),特免费贡献Sublime Text 在 Linux/Ubuntu 环境下的包文件 (绿色软件包) ------------...
Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。破解注册使用等参考我的博文...
常用web开发工具 Sublime3.zip.baiduyun.p常用web开发工具 Sublime3.zip.baiduyun.p常用web开发工具 Sublime3.zip.baiduyun.p常用web开发工具 Sublime3.zip.baiduyun.p常用web开发工具 Sublime3.zip.baiduyun.p常用...
AceJump 是 Sublime Text 2/3 插件,让你随心所欲地跳转,完全脱离鼠标。 标签:AceJump
" ./node_modules/highlight.js/styles/monokai-sublime.css " , ... ], 在app.module.ts中,导入Highlight.js库和您要突出显示的任何语言。 import { registerLanguage } from 'highlight.js' ; import ...
对于sublime的install pacages下载报错的朋友们,可以直接把这个文件放在插件目录里面,就能够使react的js或者jsx实现高亮了。当然你需要在右下角选择文件格式。
1.打开后,先把Key复制出来(注意BEGIN行和END一行) 2.点Patch Key先择你的Sublime_text.exe 3.打开sublime text ,把刚刚的Key输入就可以注册了 (如果不成功可以再尝试几次)
Sublime_Text_3.3126_Setup
第一步安装:sublime软件 双击:Sublime Text Build 3083 x64 Setup.exe 第二步:打开文件路径: C:\Users\你的用户名\AppData\Roaming\Sublime Text 3 第三步:把 "插件环境.zip" 解压到 上面的路径中...
Sublime Text 2.0.2.dmg
解决Sublime包管理package control 报错 There are no packages available for installation: 修改hosts没有用。ctrl + ` 打开命令行可以看到出错信息。简单讲https://packagecontrol.io/channel_v3.json获取失败,...
ionic-sublime-plugin 支持sublime2、3版本