可能性のある複製:
Bloggerにソースコードを投稿する方法
私はblogger.comでブログを作成しようとしています。
テキストや画像は問題ありませんが、ソースコードを配置するたびに手間がかかります...
ここでstackexchangeにコードを投稿するのはとても簡単です!
simply()
{
works();//Hello I am a source code
}
しかし、間違いなく、ブログプラットフォームは(まだ)ソースコードに対応していません。
書式設定されたテキスト+ソースコードをブログに書き込む正しい方法を知っている人はいますか?
PD:メタ機能リクエスト... stackexchange blogs !!
最も基本的な形式は、コードを<code>
tags でラップするだけです。もっとおしゃれにしたい場合は、 http://codeformatter.blogspot.com/ を使用できます。事前にコードを貼り付けるだけで、Bloggerページに貼り付けるHTMLが提供されます。色の行と行番号を交互に変えるような素敵な効果が得られます。
たとえば、デフォルトを使用した例は、
<pre style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;">
<code style="color:#000000;Word-wrap:normal;">
simply()
{
works(); //Hello I am a source code
}
</code>
</pre>
StackExchangeサイトと同様の結果を得るには、 Google Prettify を使用します。これはまさにここで使用されるものです。
あなたは実際に痛みを伴うものを私たちに話していない。
それは陰影の欠如ですか?または、Bloggerがコード内のHTML(およびHTMLに似た)コマンドを解釈しようとするという事実ですか。
後者の場合、非常に簡単な解決策は、単に解釈をオフにすることです。これは、ポストエディターの[ポストオプション]設定の下にあるオプションです。