CSDN 博客的代码高亮问题自己修复
编程学习 2021-07-05 13:20www.dzhlxh.cn编程入门
这几天 CSDN 博客的代码高亮功能突然不行了,而且论坛上有人提出 BUG,没有得到回应。
没办法,自己看看吧。
CSDN 的代码高亮用的是一个 jquery 扩展。因为我基本上只贴 java 代码,所以把当中有用的提取出来,把这段脚本放在了公告栏中:
$(function() {
$.getScript("http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Scripts/shCore.js",
function(){
eval(this);
$("head").append("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Styles/SyntaxHighlighter.css\" />");
$.getScript("http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Scripts/shBrushJava.js",
function(){
eval(this);
dp.SyntaxHighlighter.ClipboardSwf = "http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Scripts/clipboard.swf";
dp.SyntaxHighlighter.HighlightAll("code");
});
});
});
至此我的博客代码高亮功能已经基本上恢复了。
CSDN 的代码高亮用的是一个 jquery 扩展。因为我基本上只贴 java 代码,所以把当中有用的提取出来,把这段脚本放在了公告栏中:
代码如下:
$(function() {
$.getScript("http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Scripts/shCore.js",
function(){
eval(this);
$("head").append("<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Styles/SyntaxHighlighter.css\" />");
$.getScript("http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Scripts/shBrushJava.js",
function(){
eval(this);
dp.SyntaxHighlighter.ClipboardSwf = "http://hi.images.csdn.net/js/blog/SyntaxHighlighter/Scripts/clipboard.swf";
dp.SyntaxHighlighter.HighlightAll("code");
});
});
});
至此我的博客代码高亮功能已经基本上恢复了。