zoukankan      html  css  js  c++  java
  • 一款代码高亮插件 SyntaxHighlighter

    SyntaxHighlighter 是当前用得最多的一款代码高亮插件,包括本博客也用到了该插件来显示代码,大家可以看到效果了。只不过这是针对WordPress的一款代码高亮插件,而今天我要给大家介绍的是针对所有类型网站都可以用的juqery插件不容错过额。

    使用步骤

    1、默认代码格式

    <pre class="js;toolbar:false">
    var&nbsp;myMood&nbsp;="happy"; //单词“happy”是JavaScript语言中的一个字面量(literal),也就是可以直接在JavaScript代码中写出来的数据。 //单词“var”是一个关键字 //myMood是一个变量名字
    </
    pre>

    2、引入以下的js和css文件,要使用哪种刷子就引用哪种语言的刷子文件,下面有详细的讲解。官方下载地址

    <!--syntaxhighlighter_3.0.83 代码高亮插件-->
    <script type="text/javascript" src="__PUBLIC__/Home/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Home/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
    <link type="text/css" rel="stylesheet" href="__PUBLIC__/Home/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
    <script type="text/javascript">SyntaxHighlighter.all();</script>
    

     3、代码美化后展现

    var&nbsp;myMood&nbsp;="happy";
    //单词“happy”是JavaScript语言中的一个字面量(literal),也就是可以直接在JavaScript代码中写出来的数据。
    //单词“var”是一个关键字
    //myMood是一个变量名

    4、html/css/js/php 使用同一种高亮方式,修改一下shBrushJScript.js就行了,哈哈  我只会这样搞

    ==========================================================
         github静态网页     github     博客园     知乎     开源中国     gitee     微博


  • 相关阅读:
    上传代码到github
    AFN多文件进度下载
    NSURLSession各文件关系
    H5动静分离
    iOS设备获取总结
    iOS与JS开发交互总结
    iOS11 push控制器tabbar上移问题
    解决iOS11 UIScrollView下移问题
    关于react16.4——错误边界
    关于react16.4——上下文Context
  • 原文地址:https://www.cnblogs.com/wangbinweb/p/5355622.html
Copyright © 2011-2022 走看看