Bloggerのブログにソースコードを追加したいので、検索を行いました。ウェブサイトで同様の質問を見つけ、解決策で解決策を見つけました:
次のコードをコピーします。
<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>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
</head>
タグのすぐ上のBloggerテンプレートに貼り付けます。SyntaxHighlighter
を使用してコードブロックを追加する方法は2つあります。方法1:script
タグを使用する
<script type="syntaxhighlighter" class="brush: csharp">
<![CDATA[ //Simple Code ]]></script>
方法2:pre
タグを使用する
<pre class="brush: csharp">//Simple Code</pre>
問題は、最初のメソッドが機能せず、何も表示されず、2番目のメソッドがソースコードを表示するが、構文を強調表示しないことです。
私のブログにはスクリプトが機能しないものがあると思います。
この問題を解決するのを手伝ってくださいませんか?
Bloggerアカウントを使用して方法2を試しました。かなり複雑なテンプレートがあるため、HTMLヘッダーのタイトルタグのすぐ下にスクリプトを追加しました。
私にとっては問題なく機能しました。
おそらく、JavaScriptの実行を妨げる設定がブラウザーにありますか? FireFoxでBloggerの投稿を表示しました。
Webページを読み込むたびに、開発者のWebサイト(http://alexgorbatchev.com/SyntaxHighlighter/
)にアクセスする必要があることに注意してください。彼のURLにハードリンクする代わりに、GitHubから彼のスクリプトをフォークする必要があります。