【问题标题】:SyntaxHighlighter doesn't work on Blogger Dynamic Views?SyntaxHighlighter 不适用于 Blogger 动态视图?
【发布时间】:2013-12-27 12:34:13
【问题描述】:

目前我计划将SyntaxHighlighter 添加到我的 Blogger(动态视图)。但是,我尝试了网上所有的方法,但仍然无法解决,包括[1][2][3][4][5][6]

关于如何解决这个问题的任何想法?或者为 Blogger 动态视图建议的任何替代语法荧光笔?

【问题讨论】:

    标签: blogger blogspot syntaxhighlighter blogger-dynamic-views


    【解决方案1】:

    首先确保您将这段代码包含在您的脑海中:

    <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css">
    <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css">
    <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript">
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
    <script language='javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
    SyntaxHighlighter.all();
    </script>
    

    现在,每当您在博客文章中添加代码(将它们添加到 pre 标记中)时,在每篇文章的末尾添加此 javascript(您可以通过在博客文章编辑器中切换到 HTML 选项卡来添加它)

    <script type="text/javascript">
     SyntaxHighlighter.highlight();
    </script>
    

    谢谢你:)

    【讨论】:

      【解决方案2】:

      我只是找到了另一种方法来做到这一点(虽然没有直接解决问题):

      1. 使用 Windows Live Writer 作为 Blogger 离线编辑器。

      2. 下载并安装适用于 Windows Live Writer 的插件 Paste As Visual Studio Code。并用它来插入代码。

      虽然它只能插入来自Visual Studio的代码,但对我来说似乎已经足够了。来自my blog 的示例如下:

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-07-23
        • 2023-04-11
        • 1970-01-01
        • 1970-01-01
        • 2018-07-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多