如何实现代码高亮

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 放在我的网站的 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:970px;height:90px"
     data-ad-client="ca-pub-2482245230088042"
     data-ad-slot="9797268950"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

代码高亮对于帮助别人读懂代码是很有帮助的。

方法一

直接使用支持代码高亮的博客

比如CSDN博客或者博客园。

使用CSDN博客高亮的代码

方法二

通过使用在线代码高亮服务生成HTML源代码，复制粘贴在博客或网页中。

这类的服务主要有OSTools，代码发芽网等。

使用OSTools高亮代码示例

使用代码发芽网高亮代码示例

如果要在博客中展示高亮代码，编辑器需要支持源代码。CSDN博客虽然支持编辑源代码，但是对源代码的支持不是很好，不过CSDN本身支持代码高亮。博客园对源代码的支持相对比较好。使用OSTools和代码发芽网高亮的代码都可以在博客园中显示出来。

如果是在wordpress博客中高亮代码，则只需要安装代码高亮插件即可，这类的插件有SyntaxHighlighter等。

方法三

使用代码高亮工具

这类的工具有CoolFormat,WinHighLight等

CoolFormat

WinHighLight

如果需要在word文档中实现代码高亮，除了对代码进行截图之外，最好的方法就是使用CoolFormat进行高亮，之后复制粘贴到word文档中。这个功能是其他在线代码高亮工具所做不到的。