jekyll url 无法在 github 上工作

Question

你好 Stack Oerflow 社区，

有人可以向我解释为什么以下代码在本地有效，但在 github 上无效吗？除背景图像外，一切都按应有的方式输出。希望收到你的来信。

问候

维姆

HTML

    <div class="thumb_container">

        {% for project in site.data.settings.home %}
            <div class="thumb-holder">

            <a href="{{ project.link}}"><div class="thumb-unit" style="background-image:  url(/assets/img/home/{{ project.folder}}/thumb.jpg)"><h3>{{ project.name}}</h3>
            <p>{{ project.text}}</p>
            </div></a>

            </div>
        {% endfor %}

    </div>

这是 YML

# Thumb Section

home:
- {folder: 'thumb_1', name: 'Chaffee', text: 'Hier komt tekst over de  chaffee', link: 'chaffee.html'}
- {folder: 'thumb_2', name: 'Greyhound', text: 'Hier komt tekst over de greyhound' }
- {folder: 'thumb_3', name: 'M2 Half-Track', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_4', name: 'M3 scout car', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_5', name: 'Brencarrier', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_6', name: 't34/85', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_7', name: 'SD-KZF 251', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_8', name: 'Englisch bikes', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_9', name: 'Dodge staffcar', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_10', name: 'Harley', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_11', name: 'MIG 17', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_12', name: 'Willeys', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_13', name: 'Hummer', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_14', name: 'Ferret', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_15', name: 'Korps mariniers', text: 'Hier komt tekst over de halftrack' }
- {folder: 'thumb_16', name: 'museum', text: 'Hier komt tekst over de halftrack' }

Answer 1

如果您的 GitHub 页面 URL 处于以下模式，则 (absolute) 路径将是错误的：

http://myusername.github.com/my-repo/
+
/assets/img/home/{{ project.folder}}/thumb.jpg
=
http://myusername.github.com/assets/img/home/{{ project.folder}}/thumb.jpg

因此（相对）路径应该是以下之一：

../assets/img/home/{{ project.folder}}/thumb.jpg
./assets/img/home/{{ project.folder}}/thumb.jpg

要接收此 uri：

http://myusername.github.com/my-repo/assets/img/home/{{ project.folder}}/thumb.jpg

jekyll url 无法在 github 上工作

jekyll url not working on github

html

jekyll