未分類

Markdownで記事を作成し、WordPressへ投稿する方法

投稿日:

結論

変換サイトかVSCodeの拡張機能を使用し、HTMLコードを取得し、WordPressのコードエディターに貼り付けて投稿する。

手順(簡易)

メモ帳→VSCode→変換→WordPress

1.文章を書く

  • メモ帳(右端折り返し)下書き。(とにかく書くbyワインバーグ笑)
  • コードはとりあえずpreタグで囲っておく。
  • 見出しはあとで一括返還するのでわかりやすいものを行頭に付加する(「■」とか?)
  • この段階で特殊文字は気にしないとする。後で対処。
  • 軽く推敲する。

2.VSCodeに移る

  • 全文VSCodeにコピペ
  • markdownモード
  • プレビュー画面割
  • Markdownタグ付け
  • 整形、加工、推敲する。

3.その1「markdownテキスト変換ツール」

Googleで「akamist markdown 変換」を検索
https://akamist.com/tool/markdown2html/index.php
フォームに貼り付け、変換
ここでエラーが出るかどうか。
エラーが出なければめちゃめちゃ速いのですごくラッキー!!

【エラーが出た場合】
* 何かがダメだとアクセスエラーが出る。
* 何が邪魔しているのかわからない。
* 切り分けも最初はしていたけどめちゃくちゃメンドクサイ。
* ここで小技。
文章を半分に区切って変換する。これでいけてもラッキー。これを繰り返す。

3.その2「VSCode拡張機能MarkdownPDF」

上記の「区切り戦法」で区切り過ぎになったら、そのほうがメンドウなのでVSCodeの拡張機能を使う。

  • MarkdownPDFを使う。
  • markdownモードのまま保存する。
    拡張子mdのファイルじゃないとMarkdownPDFが使えない。
  • タブの「表示」のコマンドパレットで「export」と入力すると候補が出てくる。
  • 「Markdown PDF:Export(html)」をクリック。
  • クリックしたらすぐHTML変換が実行される。
    わかりにくいけど、ウィンドウの左下枠に「どこどこに保存しました」と表示されます。
    付属のコードがめちゃめちゃくっついてきます。
    メインの部分だけコピペし、余計な部分を削除し、簡単にHTMLファイルを作って確認します。
    もちろん直接WordPressにコピペして編集してもいいです!

Q:特殊文字のエスケープってWordpressで勝手にやってくれるのかな?

A:うん、いまのところWordpresで変わっているわ!

余談

コードによる変換エラーについて。
文章中にコードっぽいものを含む場合は必要に応じて特殊文字変換をかける。
サイトを利用します。
https://tech-unlimited.com/escape.html









-未分類

執筆者:

関連記事

no image

Rubyのヒアドキュメントの基本というか私の使い方。

目次1 結論2 ヒアドキュメントとは3 鉄板型はこう。4 終端のEOSがインデントされる場合5 「~」を使え!6 再確認6.1 結果から考える 結論 「~EOS」を使えば終端EOSが左端になくていい。 …

no image

Mechnaizeの基本

環境:Windows10Pro64bit、Ruby2.4 目次0.1 【注意事項】1 イメージ2 コード+解説3 コードのみ4 もっと簡単な流れ5 認証突破後のWeb情報取得5.1 Nokogiriに …

no image

Rubyのeach、map、selectで配列操作

【バージョン情報】 Windows7,10Pro Ruby2.4.x 目次1 eachはわかるね?2 mapとselectによる配列操作3 map4 select5 「map」と「map!」の違い(s …

no image

クラウドとか、仮想とか、オンデマンドとか、オンプレミスとか。

目次1 オンデマンドとオンプレミス1.0.1 オンプレミスとは?1.0.2 オンデマンドとは?1.0.3 現状2 仮想化とクラウド2.0.1 仮想化とは?(例:サーバー)2.0.2 ちなみに「クラウド …

no image

初めてのブログ

やっと設置できたブログ いつかブログを書きたいと思っていた。ずっとブログを書きたいと思っていた。 時間に余裕ができたら「ちゃんと」とやってみたいと思っていた。そして10年何もできなかった。そして今回思 …