1.如何在博客中使用SublimeText风格的代码高亮样式
虽然内容是被混淆过的,但大致的脉络还是能看清楚的,页面加载完毕后会进行如下处理:
1、查找页面上的所有节点;
2、根据class='python|java|cpp|。'属性的指示,分别调用不同的SyntaxHilight处理器;
3、各语言的处理器,将代码格式化(比如将所有关键字替换为xxxxx的形式);
4、将格式化后的内容,替换元素原来的innerHTML;
5、新内容配合css显示出你现在看到的效果。
实际上,如果你用chrome自带的debugger,很容易就能看到页面加载后的动态内容,原始的xxxx
内容,已经配替换成
2.如何在博客中使用SublimeText风格的代码高亮样式
简单点其实跟安装其他ST插件是一样的,先Ctrl+Shift+P调出control panel,然后输入install package,不用输完,当输入了Install后便出来了,然后回车等待插件列表的显示,这个过程大概有个几秒钟的样子。
然后输入插件名称sublimehighlight,选中并进行安装。如果这一步进行顺利,则跳到下一节。
当你进行到上面一步发现搜不出该插件时,需要手动添加该插件的repo到本地。具体做法是退出刚才的界面重新输入Ctrl+Shift+P调出control panel,输入add repository 选中并回车。
这时界面下方会出现输入repo地址的地方,将,此命令会将代码转成HTML形式。之后,在新出来的标签中,请将class为highlight的div直接ctrl+c复制。
这一块便是我们需要的东西。最后,在写博客的时候,以HTML方式编辑博客,将刚才的内容进行粘贴。
噢啦。
3.如何让emlog支持代码高亮
由于使用emlog也有一年多了,一直也没有去升级什么,现在用的还是3.5.2的老版本。所以后台编辑器不能支持语法高亮,但对于一个技术类型的博客来说,不支持代码高亮真的看着很难受也。所以,决定自己动手,升级后台编辑器让支持语法高亮。看了一下emlog源码,发现用的是ckeditor编辑器,也不知道emlog3.5.2用的是那个版本了。
去cheditor官网(
下载好了之后,直接上传到emlog的admin/content目录下面,替换旧版的ckeditor目录,这样后台编辑器就可以升级到最新版了。
关于页面如何支持代码高亮,就直接下载syntaxhighlighte插件吧,有很完整的demo,下载地址:Hi,推荐文件给你 "代码高亮插件syntaxhighlighter_2.1.364.zip" /s/CAlH5
4.jsp博客 代码高亮显示
简单的做法:你可以在用户提交的数据里面把代码做好标记,然后在服务器端收到用户的数据后进行处理,比如:some code。
如果你要进一步处理还需要过滤代码的关键字,这样就比较复杂了。some key words。
some key words。
转载请注明出处育才学习网 » 我写的博客怎么没有代码高亮啊