私のブログは Blogger でホストされており、/// などにコード スニペットを頻繁に投稿していCますが、スニペットが「破損」していることに気づきました。C#JavaXML
事前にスニペットを解析してフォーマットを整理したり、XML " <" を " "<に変換したりするために使用できる Web サイトはありますか?
SO のこの領域には多くの質問がありますが、この質問に直接対処するものは見つかりませんでした。
Edit:@Rich answer の場合、サイトには「サイトにフォーマットされたコードを表示するには、この CSS スタイルシートを取得し<head>、ページのセクションに参照を追加する必要があります」と記載されています。それが問題です。Blogger AFAIK でこれを行うことはできません。
Syntaxhighlighter2.0を使用してコード構文の強調表示をブロガーに追加する方法を説明するブログ投稿エントリを作成しました
これが私のブログ投稿です：
http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html
それが皆さんのお役に立てば幸いです。私はそれが何ができるかに非常に感銘を受けています。
上記のリンクは機能しなくなりました。http://hilite.me/を使用してみてください
コードを共有する最も簡単な方法は、パブリック Gist を使用することです。1 つ作成して、埋め込みコードに貼り付けるだけです。簡単です。
検索エンジンの問題に対処するdivには、次のように単純にページで hidden を使用できます。
<div style="display:none"> content </div>
私のブログでは、http：//hilite.me/を使用してソースコードをフォーマットしています。それは多くのフォーマットをサポートし、かなりクリーンなhtmlを出力します。ただし、コードスニペットがたくさんある場合は、コピーと貼り付けをたくさん行う必要があります。Pythonコードのフォーマットには、Pygments（ブログ投稿）も使用しました。
この css スクリプトはすべての人に役立つ可能性があります。構文の強調表示用ではありませんが、ソース コードを元の形式で表示するのに適しています。
<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
color: #000000; background-color: #eee;
font-size: 12px; border: 1px dashed #999999;
line-height: 14px; padding: 5px;
overflow: auto; width: 100%">
<code style="color:#000000;word-wrap:normal;">
<<<<<<<YOUR CODE HERE>>>>>>>
</code>
</pre>
使い方 ：
利点 :シンプルで使いやすく、構成が少なく、再構成が容易で、追加のソフトウェアは不要
これは、SyntaxHighlighterを使用してかなり簡単に実行できます。ブログにBloggerでSyntaxHighlighterを設定するための詳細な手順があります。SyntaxHighlighterは非常に使いやすいです。スニペットを生の形式で投稿し、次のpreようなブロックでラップすることができます。
<pre name="code" class="brush: erlang"><![CDATA[
-module(trim).
-export([string_strip_right/1, reverse_tl_reverse/1, bench/0]).
bench() -> [nbench(N) || N <- [1,1000,1000000]].
nbench(N) -> {N, bench(["a" || _ <- lists:seq(1,N)])}.
bench(String) ->
{{string_strip_right,
lists:sum([
element(1, timer:tc(trim, string_strip_right, [String]))
|| _ <- lists:seq(1,1000)])},
{reverse_tl_reverse,
lists:sum([
element(1, timer:tc(trim, reverse_tl_reverse, [String]))
|| _ <- lists:seq(1,1000)])}}.
string_strip_right(String) -> string:strip(String, right, $\n).
reverse_tl_reverse(String) ->
lists:reverse(tl(lists:reverse(String))).
]]></pre>
ブラシ名を「python」または「java」または「javascript」に変更して、選択したコードを貼り付けるだけです。CDATAタグ付けを使用すると、エンティティのエスケープやコードブログの他の一般的な煩わしさを心配することなく、ほとんどすべてのコードをそこに配置できます。
1. まず、ブロガーテンプレートのバックアップを取ります
。2。 その後、ブロガーテンプレートを開き（HTML編集モードで）、タグの前にこのリンクで指定されたすべてのcssをコピーします 。3 。タグの</b:skin>前 に次のコードを貼り付けます
</head>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
4.</body>タグ の前に次のコードを貼り付けます。
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
5.Blogger テンプレートを保存します。
6.<pre></pre>これで、構文の強調表示を使用する準備が整いました。タグ とともに使用できます。
<pre name="code">
...Your html-escaped code goes here...
</pre>
<pre name="code" class="php">
echo "I like PHP";
</pre>
http://formatmysourcecode.blogspot.co.uk/ は正常に動作します。コピー、フォーマット、貼り付けを行うだけです。
私はかなりローテクなソリューションを使用しています。このオンライン構文強調表示ツールを使用してコードをフォーマットし、それをブログに貼り付けるだけです
仕事を終わらせるツールを作りました。あなたは私のブログでそれを見つけることができます：
C# コードを色付けするだけでなく、ツールはすべての '<' および '>' 記号を処理して '<' に変換します。および「>」。タブは、異なるブラウザーで同じように見えるようにスペースに変換されます。ブログや Web サイトに CSS スタイル シートを挿入できない、または挿入したくない場合は、カラーライザーを CSS スタイルのインラインにすることもできます。
SyntaxHighlighter 2.0には、Bloggerでの使用を容易にするいくつかの変更が加えられているようです。
スタイルとJavascriptのホストバージョンは次の場所にあります：http： //alexgorbatchev.com/pub/sh/
Emacs 固有の回答:ブロガーに関する限り、インライン CSS が許可されます。JavaScript ベースのハイライターの問題は、配色をそのまま使用するか、独自の配色を実装する必要があることです。しかし、私のように、独自の emacs カラー スキームのファンであれば、はるかに優れたオプションを利用できます。次の4つの機能を追加するために、emacsの「htmlize.el」パッケージをハッキングしました...
これらの関数は、ブログ投稿で直接使用できる emacs の新しいバッファーにコピー アンド ペースト対応の html (インライン スタイル) を出力します。出力は、emacs のコード (配色を含む) とまったく同じに見えます。
これは私のブログへのリンクです。ここでは、emacs で "blog-htmlize.el" を使用する方法の詳細な情報を見つけることができます。これにより、「より小さい」記号と「より大きい」記号の html エンコードも不要になります。また、emacs がすべてのハイライトとスタイリングを行っているため、js ライブラリがスニペットの言語をサポートしているかどうかを心配する必要も、ブロガーでテンプレート コードをいじる必要もありません。
elisp ファイルはここにあります(ファイルをblog-htmlize.elとして保存します) 。
HTML、javascript、c#、java を投稿するには、特殊文字を HTML コードに変換する必要があります。as '<'as <and '>'to >and etc.
このリンクCode Converterを iGoogle に追加します。これは、特殊文字を変換するのに役立ちます。
次に、SyntaxHighlighter 3.0.83新しいバージョンを追加して、ブロガーでコードをカスタマイズします。ただし、ブロガー テンプレートで syntaxHighlighter を構成する方法を知っておく必要があります。
私は自分自身を F# で作成しました (この質問を参照してください) が、まだ完全ではありません (正規表現を行うだけなので、クラスやメソッド名などを認識しません)。
基本的に、私が知る限り、Compose モードと HTML モードを切り替えると、ブロガー エディターが山かっこを食べることがあります。したがって、HTML モードに貼り付けてから直接保存する必要があります。（私はこれについて間違っているかもしれません。今試してみたところ、うまくいくようです-ブラウザに依存しますか？）
ジェネリックがあると恐ろしい！