16

blogger.com で小さなブログを書いていて、そこで見つけたシンプルな無料のテンプレートを使用しています。時折、調査結果に関するコード スニペットを投稿します。コードはかなり醜い方法でフォーマットされます。コードを表示するための派手なテンプレートを持っているブロガーもいます。

ブロガー向けのテンプレートはどこにありますか? または、同じことを達成するために何ができますか?

ありがとう、ミー

4

9 に答える 9

7

SyntaxHighlighterを使用できます。作成者はホストされたバージョンを提供しているため、ブログ テンプレートに移動し、HTML の編集を選択して、ページの先頭に次のコードを追加するだけです。

<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPowerShell.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDiff.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPlain.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js' type='text/javascript'/>
<script type='text/javascript'>
  SyntaxHighlighter.all();
</script>

私のブログで例を見ることができます

于 2010-07-08T20:38:30.870 に答える
7

SyntaxHighlighter を動作させるのに長い間苦労しました (Chrome と Blogger はひどいスクロール div を生成しました)。

最終的に Google Code Prettify に落ち着きました。SyntaxHighlighter よりも単純に見えますが、うまく機能します。

必要な情報はすべてREADMEに記載されています

<head>ブロガー テンプレートのセクションにスクリプトをロードします。

<script language='javascript' type='text/javascript' 
    src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' />
<script language='javascript'  type='text/javascript' 
    src='http://google-code-prettify.googlecode.com/svn/trunk/src/lang-css.js'/>

<script type='text/javascript'>
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}
addLoadEvent(prettyPrint);
</script>

<pre class="prettyprint">or<pre class="prettyprint lang-yaml">'または inline を使用した形式<code class="prettyprint">。

ああ、それは複数の言語とテーマをサポートしています。

于 2011-10-28T23:00:05.573 に答える
1

通常、探しているものを実現するためのプラグインがあります (Wordpress にはたくさんのプラグインがあります) が、Blogger についてはよくわかりません。

おそらく Javascript を使用して同じことを行うことができます。例を次に示します: http://www.halhelms.com/blog/index.cfm/2008/12/11/Code-Formatting-in-Blog-Pages-with-jQuery

またはこれ: http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html

于 2010-07-08T20:38:53.187 に答える
0

コードをフォーマットしてブロガーに表示できるツールを実装しました。ここで試してみてください http://www.dukaweb.net/p/format-source-code.html .

アイデアは、<pre><code>javascriptを使用してタグとカウント行数を使用しています

于 2014-01-06T09:01:52.887 に答える
0

私は、syntaxhighlighter 3+ javascript ライブラリを使用しています。より最適化された構成であるブロガー向けの簡単な投稿を書きました。

http://modelarchitecture.blogspot.com/2013/12/configuring-javascript-syntaxhighligher.html

于 2013-12-25T10:46:54.910 に答える