zoukankan      html  css  js  c++  java
  • 博客贴自定义高亮代码

    方案一:在线将代码高亮后转换为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,其他步骤相同

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

    既然要做,那就好好做! 自己选的路,自己走完!
  • 相关阅读:
    第二次上机
    第二次作业
    第一次上机
    第一次作业
    第3次上机作业
    第四周作业
    第二次上机作业(第四周)
    第三周作业
    第一次上机作业
    第一次JAVA作业
  • 原文地址:https://www.cnblogs.com/zyf0163/p/4780282.html
Copyright © 2011-2022 走看看