最新消息:欢迎加入小松的QQ群一起讨论一起学习,又一个双十一,剁手快乐

推荐wordpress代码高亮非插件

PHP 1198浏览 0评论

我的博客是技术类博客,免不了会出现代码,目前的方法代码包含在<pre></pre>,现在没有行号看起来不好看,之前也试过用插件,但是会加载好多样式js,会影响网页的加载的速度,导致wordpress运行缓慢,所以一直没有解决,今天发现一个好东西 Google Code Prettify 高亮代码
这个不是插件
首先下载这个插件
http://code.google.com/p/google-code-prettify/
原来在google上的
https://github.com/google/code-prettify
现在移动到github上了
使用方法
加载prettify.js和prettify.css文件
然后应用下面的代码

<script>
   $(window).load(function(){
      $("pre").addClass("prettyprint linenums");
      prettyPrint();
  })
</script>

这样之前<pre></pre>标签都会有这个效果了,

修改之前的样式

推荐wordpress代码高亮非插件

修改之后的样式请看file_get_contents导致网页速度慢

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» 推荐wordpress代码高亮非插件
本文链接地址:https://www.phpsong.com/883.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!