博客贴自定义高亮代码

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

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

　　

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

　　

　　 3. 效果如图所示

 　　

 

 

方案二：SyntaxHighlighter插件高亮

　　1. 先下载插件包，地址

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

　　　　　

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

<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/files/Running-Time/shCoreFadeToGrey.css"/>
<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/files/Running-Time/shThemeFadeToGrey.css"/>

 

 

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

　　5. 效果如图所示

　　

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

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

 

转载于:https://www.cnblogs.com/Running-Time/p/4746261.html