Question

Hello 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页面网址采用以下模式，则（绝对）路径将出错：

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上工作

1 个答案: