2

私は現在 ejs を使用している (新しいプロジェクトでは jade を使用している) Express.js アプリを持っており、クリーンで適切な方法で問題を解決しようとしています。

ヘッダーとフッターを含む layout.ejs ファイルがあります。これまでの私のサイトのほとんどは、1 層の深さでしたhttp://innovationbound.com/aboutまたは /services または /amy など....

http://innovationbound.com/courses/course-nameでオンライン コースを作成し始めています。問題は、これらのコース ページが同じ方法で画像を参照できないことです。<img src="images/linknedin.png" alt="LinkedIn Icon">例えば。

コース名のページから試してみる<img src="courses/images/LinkedIn.png" alt="LinkedIn Icon">と、明らかにそこで画像を取得できません。

明白な設定がありますか、それとも私が見逃している明らかなものはありますか? 絶対 URL を使用する必要がないことを願っています。ローカル マシンでの開発が狂ってしまうだけです。

4

2 に答える 2

8

サイトのルート相対パスを使用するだけです。たとえば<img src="/images/linknedin.png" alt="LinkedIn Icon">。違いが生じることに注意してください/。

リンク パスには次の 3 種類があります。

アドビから。

于 2013-02-06T21:46:59.150 に答える
0

と思うかもしれませんが、「../images/link(n?)edin.png」が使えます。ただし、絶対パスを使用することをお勧めします。これは、イメージを /public に保存する必要があり (一般的な jade セットアップでは)、パスの深さがルート ルールによって異なる可能性があるためです。

ヒントとして、画像の相対パスに迷った場合は、壊れた画像を右クリックし、Web ブラウザーのプロパティで URL を参照してください。画像がどこにあるかのヒントになります。

于 2013-02-06T19:30:31.530 に答える