syntax-highlighting - 在 Blogspot 上通过滚动来突出显示语法

Question

我正在使用 blogspot.com。
我想让我的编码突出显示。
所以，我使用谷歌代码美化 api。

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>

<pre class="prettyprint"> ... my coding place ... </pre>

一切都很好，但我想做滚动（比如 ., style="overflow-x: scroll"）

请让我知道我应该在哪里修改以在 blogspot.com 上滚动我的代码

score 4 · Accepted Answer

对于寻求解决此问题的其他人-您应该结帐：

这是一个非常简单的“Blogger 语法高亮”教程，包含屏幕截图和所有内容。

您应该只需几分钟即可启动并运行。

score 3 · Accepted Answer

添加到你的 CSS

.codescroll {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 500px;
}

然后您可以向 pre 元素添加多个类:)

<pre class="prettyprint codescroll"> ... my coding place ... </pre>

这应该够了吧

score 2 · Accepted Answer

不确定 Google 美化，但您可以使用 SyntaxHighlighter，只需稍加改动，您的代码就会看起来不错：http ://www.simplethoughtsonline.com/2012/01/syntaxhighlighter-and-blogger.html

3 回答 3