Tumblrブログで色分けされたPythonスニペットを表示する方法


回答:


14

数が多すぎる場合は、google-code-prettifyに行きましょう

あなたがしなければならないのは、いくつかのjavascript、cssを含めることです。

いくつかのを確認してください。セットアップは次のとおりです。

  1. ディストリビューションをダウンロードする
  2. スクリプトとスタイルシートをドキュメントに含めます(cssとjsファイルがサーバー上にあることを確認し、スクリプトとリンクタグのパスを調整する必要があります)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. onload = "prettyPrint()"をドキュメントのbodyタグに追加します。
  4. スタイルシートを変更して、好みの色に変更します

このメソッドで私が抱えていた唯一の問題は、codeタグに特定のマークを付けることを期待していることですclass。これは、Markdown構文を使用している場合は好ましくありません。幸いなことに、ページの読み込み時にJSを使用して実行しても問題はありません。
ムラデンJablanović

8

hilite.meを使用できます

hilite.meはコードスニペットをきれいに印刷されたHTML形式に変換し、ブログの投稿、メール、ウェブサイトに簡単に埋め込むことができます。
ソースコードを左ペインにコピーし、言語とカラースキームを選択して、「ハイライト!」をクリックするだけです。右ペインのHTMLをブログまたはメールに貼り付けることができるようになりました。外部のCSSファイルやJavascriptファイルは必要ありません。

7

これにはGithubの要点を使用します。要旨を貼り付けて作成すると、tumblrを含む任意のWebページにそれらを埋め込むことができます。


ここには問題があります。JSが必要なので、ユーザーがアクティベートしていない場合、またはユーザーが検索ボットの場合、コードは見えません。
ムラデンJablanović

これに何度も賛成できたらと思います。@MladenJablanović最近ではJavaScriptなしではWebの大部分を使用できません。それは本当に問題ではないと思います。
オクタヴィアンA.ダミアン

これを行う方法について詳しく教えてください。私はちょうどそれを試し、要点はscript要素として埋め込みをレンダリングします-HTMLモードを使用していても、Tumblrはこれらをエスケープします。何か案は?
cottsak
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.