web-dev-qa-db-ja.com

WordPress.comでホストされているWordPressブログに構文の強調表示を追加するにはどうすればよいですか?

WordPressブログに適した構文ハイライトが欲しいのですが、どのようなオプションがありますか?色の濃い構文ハイライトとクリップボードにコピーするオプションがあるものをよく目にします。誰かがこれがどんなツールであるか考えていますか?

46
codingfloor

Wordpress.comではプラグインをインストールできないため、Wordpressの組み込みウィジェットを使用する必要があります。

それを好きにしてください:

[code language='python']

[/code]

これらのタグは、HTMLエディターではなく、ビジュアルエディター内にあることに注意してください。

あなたはより多くの情報を見つけることができます ここ

76
samoz

SyntaxHighlighter はかなり良いツールです。 JavaScriptとCSSクラスを使用して、強調表示する必要のあるHTML要素をマークします。また、コードをクリップボードにコピーして印刷することもできます。

2
jacksonakj

シンタックスハイライトの最良の方法は、素晴らしい機能を備えた完全無料のprismjsを使用することです。

  1. ほぼすべてのプログラミング言語、シェルスクリプトなどをサポートしています。

  2. それは非常に軽量であり、他の構文強調プラグインのようにサイトの速度を低下させることはありません。

プリズムjsを構成するには、function.phpファイルでコードを少し調整する必要があります。このブログのturoailsに従ってください http://skillslane.com/setup-syntax-highlighter-for-wordpress/

2
Bibin Wilson

http://wordpress.org/extend/plugins/devformatter/

さまざまな構文の強調表示用のWPプラグイン!

1
Jacob Nelson

ブログにインストールしたくない、またはインストールできない場合は、pygmentsを使用してコードを強調表示することをお勧めします。私はこれを説明しました ここ

1
Geo

これがオフラインオプションです(オンラインツールについて質問していることは知っていますが、念のため...)

オフラインツールを使用して、ソースコードの例を含むブログエントリをhtml形式に処理してから、htmlを投稿します。

それは本当にただです:

  • ソースコードを少なくとも4スペースオフセットし、:::htmlのように最初の行に言語を指定します
  • ファイルを実行します。

pythonスクリプト:

import markdown
html = markdown.markdown(text,['codehilite'])

Pygmentsを使用してマークダウンを設定します。おそらく、ソースコードにpygmentsを使用できます。スクリプトを考えてファイルを実行し、htmlをコピーしてブログに貼り付けます。

Pygmentsからcssスタイルをダンプして構文を強調表示し、それにリンクするか、ページに含めることができます。 wordpressがそれをサポートしているかどうかはわかりません。

構文の強調表示を行うためにpygmentsでマークダウンを設定する方法は次のとおりです (Bloggerの場合-Bloggerの唯一の詳細は、コードを強調表示するためにcssでBlogger cssを更新することです)。

1
stefanB

AlexGorbatchevのSyntaxHighlighterを使用できます。そのjavascriptと本当にシンプルでよくサポートされており、インストールと変更が簡単です。ここにブロガーのためのいくつかの指示があります...しかしあなたがしなければならないのはblogger = true行を削除することだけです。

http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html

0
Ashley Smart

軽量シンタックスハイライト プラグインを開発しましたWordPress "Mivhak"と呼ばれます。プラグインにはコードを簡単に挿入するためのバックエンドコードエディターがあり、ライブエラーチェックとシンタックスハイライトがあります。また、高度にカスタマイズ可能です。

プラグインはwordpress.orgでホストされています

0
Yoav Kadosh

SyntaxHighlighter Code ブロック。

脇の設定で言語を選択しなければならないのは少し不便ですが。

0
imba-tjd