web-dev-qa-db-ja.com

ブログのアドバイス、ソースコード

可能性のある複製:
Bloggerにソースコードを投稿する方法

私はblogger.comでブログを作成しようとしています。

テキストや画像は問題ありませんが、ソースコードを配置するたびに手間がかかります...

ここでstackexchangeにコードを投稿するのはとても簡単です!

simply()
{
   works();//Hello I am a source code
} 

しかし、間違いなく、ブログプラットフォームは(まだ)ソースコードに対応していません。

書式設定されたテキスト+ソースコードをブログに書き込む正しい方法を知っている人はいますか?

PD:メタ機能リクエスト... stackexchange blogs !!

1
Hernán Eche

最も基本的な形式は、コードを<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>
8

StackExchangeサイトと同様の結果を得るには、 Google Prettify を使用します。これはまさにここで使用されるものです。

2
Tschareck

あなたは実際に痛みを伴うものを私たちに話していない。

それは陰影の欠如ですか?または、Bloggerがコード内のHTML(およびHTMLに似た)コマンドを解釈しようとするという事実ですか。

後者の場合、非常に簡単な解決策は、単に解釈をオフにすることです。これは、ポストエディターの[ポストオプション]設定の下にあるオプションです。

1
MaryC.fromNZ