LoginSignup
1
2

More than 3 years have passed since last update.

Qiitaから力技でWordPressに移行する方法

Last updated at Posted at 2020-03-26

Qiitaに上げた記事を、力技で突貫工事でWordPressに移行したので、方法をざっくりお伝えします。
wgetとcurl使ってるのでまぁそういう環境でどうぞ。

(記事数が少なかったので自動化するより力技でやったほうが早かった)

1. cURLでMarkdownを落とす

例えば記事が https://qiita.com/mikuta0407/items/43f6e1ea92a6257295f4 だったら、末尾に.mdをつけて、 https://qiita.com/mikuta0407/items/43f6e1ea92a6257295f4.md とするだけでMarkdownが落ちてきます。
image.png

なので、

curl https://qiita.com/mikuta0407/items/1a127bc21f5c2ab1fb61.md >> 任意のファイル名.md

で記事が保存できます。

2. 画像のダウンロード準備をする

必要分の記事を全部ダウンロードしたら、

cat ファイル名.md | grep qiita-image >> qiitaimage.txt

を全てのファイルに向かって行い、全ての画像リンクをqiitaimage.txtのようなテキストファイルに集めます。
image.png

これをVSCodeかなんかで、正規表現とかを使ってwget <URL>の形にします。
( \)\n!\[.*\]\(\nwgetあたりにすればだいたいそうなります。1行目に注意。)
image.png

3. WordPressにプラグインを入れる

「Media from FTP」と「WP Githuber MD」を入れましょう。
有効化をもちろん忘れずに。

そしてMedia from FTPの設定で、「アップロードしたファイルを年月ベースのフォルダーに整理」のチェックを外します
image.png

(「Media from FTP」はサーバーのローカルストレージに置かれたデータをスキャンして登録できるプラグイン、「WP Githuber MD」はMarkdownで記事がかけるプラグインです。

4. 画像をダウンロードする

4.1 WordPressが動いてる環境のコンソールが使えない場合

先程作ったwgetコマンド羅列を使ってローカルマシンで落としてから、wp-content/uploads/ 内に(その中にフォルダ作ってもいいですが)全画像を投げます。
WordPressのアップローダでやっていたら遅いので、FTPかなんかで入れてください。

4.2 コンソールが使える場合

wp-content/uploads/ に行き(更にその中にフォルダ作っても問題ないです)、先程作ったwget羅列を実行します。
image.png

画像をwp-content/uploads/以下に設置できたら、WordPressのMedia from FTPの項目で「検索&登録」を実行します。
image.png

全部読み込んでくれます。
image.png

5. Markdown内の画像リンクを書き換える

Notepad++やVSCode(やお好きなツール)で、全記事の元画像リンクのファイル名直前までを全部一括変更します。

例えば弊環境だとQiita記事が
https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/300863/hogehoge.png
https://qiita-image-store.s3.amazonaws.com/0/300863/hogehoge.png
の2形式だったので、
これを
<WordPressブログのURL>/wp-content/uploads/(以下の先ほど画像を置いたディレクトリ)に書き換えます。
image.png

image.png

6. WordPressに貼り付ける

ここからはもう人力です。もちろん自動化はあると思っていますが、このアカウントは10記事しか書いていないので手作業でやりました。
落としてきたMarkdownは、冒頭に

---
title: ブラウザ経由でシェルスクリプト叩いてWake on LANする
tags: Wake-on-LAN Apache RaspberryPi
author: mikuta0407
slide: false
---

のように邪魔なものがあるのでこれを無視してコピペしていきます。
今回は冒頭にQiitaからコピーしてきたことを明記してみました。
image.png

記事数が少なくて時間がある場合は、投稿日をQiitaでの投稿日にそろえてみたり、タグ付けをカテゴリに移植してみても良いかもしれませんね。

7. 完成

Qiitaでの表示

image.png

Markdown出かけるプラグインを入れたWordPressでの表示

image.png

みなさん頑張っていきましょう。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2