Movable TypeでAssetURLやEntryPermalink・ContentPermalinkで出力されるパスを絶対パスから相対パスに変える

Movable Typeで下記のタグを使って画像や記事のリンクを出力すると、絶対パスで出力されてしまいます(僕が使っていて確認したのが下記3つなので他にも絶対パスで出力されるタグがあるかもしれません)。
<mt:AssetURL><mt:EntryPermalink><mt:ContentPermalink>
ステージング環境で更新・再構築をして、問題がなければ本番環境にアップするような運用の場合、絶対パスだと困ります。
ということで、絶対パスを相対パスに置き換えるように処理を入れました。
パスの置き換え
Movable Typeのタグでは「replace」という属性が使えます。
使い方は「replace="検索する語","置換する語"」です。「,(カンマ)」で区切って2つの値を指定します。
これを使ってサイトのドメインを「/」に置き換えます。
サイトのドメインは変数を使う
全箇所に直接ドメイン名を記述するのは後で変更したくなったときに微妙なので、テンプレートの最初に、サイトのURLを変数に入れて持っておくようにします。
<MTIgnore>【定数】:サイトのURL</MTIgnore>
<mt:SetVarBlock name="WebsiteURL"><mt:BlogParentWebsite><$mt:WebsiteURL$></mt:BlogParentWebsite></mt:SetVarBlock>あとは「$WebsiteURL」で変数の呼び出しができるので、「/」に置き換えるようにタグを置き換えていきます。
<mt:AssetURL replace="$WebsiteURL","/"><mt:EntryPermalink replace="$WebsiteURL","/"><mt:ContentPermalink replace="$WebsiteURL","/">
タグの表記を統一しておくことの重要性
あとになってからこの現象に気がついたので、各テンプレートファイルを見て回って一括で検索・置換して対応しました。
Movable Typeでは<mt:AssetURL>や<MTAssetURL>、<$mt:AssetURL>など同じタグでも複数の表記方法があります。
表記が揃っていないと、このような後からの検索・置換時に抜け漏れが出てきて大変になるなと感じました。


Visual Studio Codeの文字サイズやタブサイズの設定方法
WebPに対応して画像サイズを最適化する方法
Visual Studio Codeとスニペット・ドキュメント検索アプリの「Dash」連携を行うプラグイン
JavaScriptのforEach内で「continue」や「break」のような動作をさせる方法
属性・Class・IdなどHTMLタグの細かい部分を見ていこう!!
手軽にコーディングの勉強ができるCodePenをもっと便利に使うための設定
Vue CLI 3でfaviconの設定をする方法
ファビコンや各種アイコンの作成と設定方法
CSSで::placeholderにスタイルを設定する方法
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」