web-dev-qa-db-ja.com

ブログにスクリプトを追加する方法は？

Bloggerのブログにソースコードを追加したいので、検索を行いました。ウェブサイトで同様の質問を見つけ、解決策で解決策を見つけました：

  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>
<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>
  2. </head>タグのすぐ上のBloggerテンプレートに貼り付けます。
  3. テンプレートを保存します。
  4. その後、既存または新規のブログエントリでコードブロックの作成を開始できます。
  5. SyntaxHighlighterを使用してコードブロックを追加する方法は2つあります。

方法1：scriptタグを使用する

<script type="syntaxhighlighter" class="brush: csharp">
<![CDATA[ //Simple Code ]]></script>

方法2：preタグを使用する

<pre class="brush: csharp">//Simple Code</pre>

問題は、最初のメソッドが機能せず、何も表示されず、2番目のメソッドがソースコードを表示するが、構文を強調表示しないことです。

私のブログにはスクリプトが機能しないものがあると思います。

この問題を解決するのを手伝ってくださいませんか？

bloggerjavascriptsyntax-highlighting
1
Spoon Yukina

Bloggerアカウントを使用して方法2を試しました。かなり複雑なテンプレートがあるため、HTMLヘッダーのタイトルタグのすぐ下にスクリプトを追加しました。

私にとっては問題なく機能しました。

おそらく、JavaScriptの実行を妨げる設定がブラウザーにありますか？ FireFoxでBloggerの投稿を表示しました。

Webページを読み込むたびに、開発者のWebサイト（http://alexgorbatchev.com/SyntaxHighlighter/）にアクセスする必要があることに注意してください。彼のURLにハードリンクする代わりに、GitHubから彼のスクリプトをフォークする必要があります。

1
AlaskaJohn