为 CSDN Blog 加入语法加亮功能

说明:
原来现在的 CSDN Blog 的编辑器早已支持语法加亮,只要编辑时使用插入代码功能就可以了。以下内容仅仅作为记录。


(本文参考《有关CSDN文章中添加代码进行语法高亮的实现》提供的办法)

在 CSDN Blog 编写文章免不了要加入代码,为了可读性,最好能够加入语法加亮的功能。网络上搜索,找到一个称为 SyntaxHighlighter 的工具(官网)。但是这个对自己搞的网站还好,CSDN 有没有提供上传文件的功能,如何进行安装呢?

事实上,CSDN blog 提供了语法加亮功能,使用的就是这个 SyntaxHighlighter,存储的位置在http://static.blog.csdn.net/scripts/SyntaxHighlighter/目录中。

所以要加入语法加亮功能,在编写文章后,切换到源代码状态,输入

<link type="text/css" rel="stylesheet"href="http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/default.css" />
<script type="text/javascript" src="http://static.blog.csdn.net/scripts/SyntaxHighlighter/shCore.js"></script>

然后把代码部分放入 textarea、pre 之类的元素中,然后加入属性,类似如下

<textarea cols="50" rows="15" name="code" class="c-sharp">

其中name属性与下面说的文章末尾加入的名称一样,class属性指定语法加亮的语言。

在文章结尾加入

<script type="text/javascript">
  $(document).ready(function () {
  dp.SyntaxHighlighter.HighlightAll('code');
});
</script>

 即可




你可能感兴趣的:(为 CSDN Blog 加入语法加亮功能)