私が持っているTumblrの管理のブログ Iは、Python関連の記事の多くを投稿している上に、。投稿のPythonスニペットを色分けして表示するにはどうすればよいですか?
私が持っているTumblrの管理のブログ Iは、Python関連の記事の多くを投稿している上に、。投稿のPythonスニペットを色分けして表示するにはどうすればよいですか?
回答:
数が多すぎる場合は、google-code-prettifyに行きましょう。
あなたがしなければならないのは、いくつかのjavascript、cssを含めることです。
いくつかの例を確認してください。セットアップは次のとおりです。
- ディストリビューションをダウンロードする
- スクリプトとスタイルシートをドキュメントに含めます(cssとjsファイルがサーバー上にあることを確認し、スクリプトとリンクタグのパスを調整する必要があります)
<link href="prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="prettify.js"></script>
- onload = "prettyPrint()"をドキュメントのbodyタグに追加します。
- スタイルシートを変更して、好みの色に変更します
hilite.meを使用できます
hilite.meはコードスニペットをきれいに印刷されたHTML形式に変換し、ブログの投稿、メール、ウェブサイトに簡単に埋め込むことができます。
ソースコードを左ペインにコピーし、言語とカラースキームを選択して、「ハイライト!」をクリックするだけです。右ペインのHTMLをブログまたはメールに貼り付けることができるようになりました。外部のCSSファイルやJavascriptファイルは必要ありません。
これにはGithubの要点を使用します。要旨を貼り付けて作成すると、tumblrを含む任意のWebページにそれらを埋め込むことができます。
script
要素として埋め込みをレンダリングします-HTMLモードを使用していても、Tumblrはこれらをエスケープします。何か案は?
code
タグに特定のマークを付けることを期待していることですclass
。これは、Markdown構文を使用している場合は好ましくありません。幸いなことに、ページの読み込み時にJSを使用して実行しても問題はありません。