xamppを利用したmacでのローカル開発環境

それらを相対パスで書くと上手く表示することができません。

ローカル／公開環境どちらにかかわらず、相対パスはうまく動作しません。なぜならば、同じコンテンツであっても、フロントページ／年アーカイブ／月アーカイブ／シングルポストなど、表示される条件によって / からの相対位置が違ってしまうためです。

画像などのパスは、http:// からの URL にする必要はありませんが、/ からの絶対パスで書くことが基本です。相対パスにすると、URL の変化に応じて差し示す先が違ってしまいますから、うまく表示されなくても当然です。