博客贴自定义高亮代码

方案一:在线将代码高亮后转换为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="https://files.cnblogs.com/files/Noland/shCoreFadeToGrey.css"/>
<link type="text/css" rel="stylesheet" href="https://files.cnblogs.com/files/Noland/shThemeFadeToGrey.css"/>

 

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

  5. 效果如图所示

  

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

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

posted @ 2015-09-03 15:50  殇雪  阅读(864)  评论(1编辑  收藏  举报