Blogger 上的 SyntaxHighlighter 3.0.83 拆分了我的源代码答案

【问题标题】：SyntaxHighlighter 3.0.83 on Blogger splits my source codeBlogger 上的 SyntaxHighlighter 3.0.83 拆分了我的源代码
【发布时间】：2012-01-20 22:56:57
【问题描述】：

我试图在 Blogger 上使用 SyntaxHighlighter 3.0.83 以突出显示一些简单的 java 代码，但我的单个 java 行被分成许多块。以下是我所做的设置：

博主：设计 |模板 |编辑 HTML

在之前添加了这些行：

<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/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

然后，在

标签： java blogger syntaxhighlighter

【解决方案1】：

我终于明白了：

我之前在 Blogger 中为 <code> HTML 标签添加了 CSS 自定义，如下所示：

code {
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    font: 0.8em 'Courier New', Courier, Fixed;
    border-spacing: 0;
    padding: 0.3em;
    display: block;
}

罪魁祸首是display : block;，它扰乱了 SyntaxHighlighter。

将code {...} 替换为pre code {...} 对我有用。

【讨论】：

【解决方案2】：

我已经在我的博客上尝试过了，它确实有效。您应该在</head> 标签之前添加所有这些标签。这就是我的博客：

<!--SYNTAX HIGHLIGHTER BEGINS-->
    <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 = &#39;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&#39;;
    SyntaxHighlighter.all();
    </script>
    <!--SYNTAX HIGHLIGHTER ENDS-->

</head>

【讨论】：

天哪！您在我的博客上的解决方案没有任何变化。博客设置中一定有一些内容，因为在一个简单的 HTML 页面上，此设置有效...
我试过你的案例，它在我的博客上有效。所以，它一定是别的东西。