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