3
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

Organization

wordpressにmarkdown形式で投稿するための設定

背景

  • qiitaと会社ブログの両方に投稿したい
  • wordpressでタグなんか書きたくないしリッチエディターも最悪

やりたいこと

  • qiitaに投稿したmarkdownから内容コピペでwordpressに投稿したい
  • ソースコード部分はqiitaやgithubのように綺麗に表示したい

環境

  • wordpress 5.2.2
  • Crayon Syntax Highlighter 2.8.4
  • WP Githuber MD 1.11.5

手順

流れ

環境欄でほぼすべてを語ってしまっていますが…

  1. WP Githuber MDプラグインをインストール
  2. Crayon Syntax Highlighterプラグインをインストール

WP Githuber MDプラグインをインストール

  1. プラグインの新規追加ページでWP Githuber MDを検索してインストール&有効化
  2. プラグイン > WP Githuber MDで各種設定(ここでは特に設定をいじらなくても大丈夫なはず)
  3. 試しにqiitaからコピペしてwordpressに投稿してみる

→ だいたい綺麗に表示されるが、肝心のソースコードがNG
→ 「```」で囲まれた文字列内のXMLのタグがエスケープされていないので、<properties>のようなXMLタグがブラウザの画面上に表示されない

Crayon Syntax Highlighterプラグインをインストール

  1. プラグインの新規追加ページでCrayon Syntax Highlighterを検索してインストール&有効化
  2. 設定 > Crayonで各種設定(ここでも特に設定をいじらなくても大丈夫なはず)

→ wordpressの該当投稿ページを表示
→ 綺麗に出来た!

結論

  • markdownのプラグインだけで綺麗にできるかと思いきやプラグインが別途必要でした
  • WP Githuber MDにもタグエスケープするような設定がありましたが、自分の環境では動かず…
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
3
Help us understand the problem. What are the problem?