Gravの記事の一括編集

フラットファイルCMSだからできるGravの一括編集。

Gravの記事の一括編集

Grav は記事が Markdown ファイルになっています。 Markdown ファイルは中身はただのテキストファイルなので、 エディタで正規表現を使った置換で一括編集できます。

何故、 一括編集が必要になったかというと、 このサイトでは External Links というプラグインを使っていました。 このプラグインは、 リンクが外部リンクだと自動で target="_blank" をつけ、 さらにリンクの横に小さなアイコンを追加してくれます。 しかし、 このプラグインの影響で上のナビゲーションバーの表示がおかしくなっていたようです。 なので、 このプラグインをやめて手動で target="_blank" をつけ、 アイコンをつける CSS を追加することにしました。

私が使っている Notepad++ での方法です。ローカルで記事を書いていない方は、 /user/pages フォルダ内をすべてダウンロードしてください。

Notepad++で置換で一括編集
© Notepad++

[Link](http://xx.xxx/xx "Alt text")形式でリンクを書いてあるので、

  • 記事の item.md をすべて開く
  • Ctrl + R で置換ウィンドウを開く
  • 検索モードを正規表現にする
  • 検索文字列を (\(http.+?)\s 、 置換文字列を \1?target=_blank とする
  • すべてのドキュメントを置換

以上で http から始まるすべてのリンクに ?target="_blank" がつきます。 あとは custom.css に以下を追加。 FontAwesome は読み込み済みとします。

/* 外部リンクにアイコンを付ける */
a[target='_blank']:after {
  font: normal normal normal 7px/1 FontAwesome;
  display: inline-block;
  margin: 0 .3em;
  content: '\f08e';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

変更した記事と css を上書きアップロードすれば終了です。 ブラウザで確認するとき、 キャッシュが残っている場合はスーパーリロード(Chromeなら Ctrl+F5 または Shift+F5)で再読み込みしてください。

Blog Comments powered by Disqus.