码迷,mamicode.com
首页 > 其他好文 > 详细

博客贴自定义高亮代码

时间:2015-09-03 16:35:39      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

方案一:在线将代码高亮后转换为html格式

  1. 首先先去这个网站:代码发芽网,然后将代码贴上,点击代码高亮后,选择主题,字体,点击一键复制html,复制蓝色区间,如图所示

  技术分享

   2. 然后,在添加随笔工具栏里点击html,粘贴html代码就可以了,如图所示

  技术分享

   3. 效果如图所示

   技术分享

 

 

方案二:SyntaxHighlighter插件高亮

  1. 先下载插件包,地址

  2. 打开压缩包,将styles的文件上传到博客园中,戳开shThemeFadeToGrey.css以及shCoreFadeToGrey.css复制地址栏的地址,如图所示

  技术分享   技术分享

  3. 复制以下两句话到博客园设置的页首html代码中,其中Noland改成自己的名字,也就是将地址改成2步骤的地址(貌似第一个就够了)

1
2
<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/files/Noland/shCoreFadeToGrey.css"/>
<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/files/Noland/shThemeFadeToGrey.css"/>

 

  4. 然后插入代码选择右边的选项框,即不要选推荐的那个

  5. 效果如图所示

  技术分享

  6. 如果成功了的话,你也能够选择其他的高亮主题,就是2步骤的文件选其他的,但是要shThemeXXX.css和shCoreXXX.css,其他步骤相同

  预览效果请参考:这里。另外,此方法参考博主木杉是天才的文章,在此感谢!

博客贴自定义高亮代码

标签:

原文地址:http://www.cnblogs.com/zyf0163/p/4780282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!