记录人生第一个网站，以及相对路径图片无法显示的问题-CSDN博客

本文链接：https://blog.csdn.net/qq_46029678/article/details/121453648

记录人生第一个网站，已发布GitHub

骆驼社徒步旅游网

骆驼社徒步旅游网

碎碎念

耗时大概半个多月，网页布局是仿照网上一个比较常用的模板布局来做的。然后感觉熟悉一点了就打算为社团做一个网站，hhhh属实有点不自量力了，主要是觉得好玩。中间做一半跑去做贪吃蛇了hhhhh，结果被js各种问题搞得死去活来，最后还是去啃书才解决的，论基础扎实的重要性，可惜我依然选择一知半解就上手瞎搞，说不定就解决了呢。贪吃蛇写完之后觉得我又行了，就回来把这个坑添上了。中间各种布局问题当时也没记录下来，记得最清楚的就是fixed的坑了，还有很多想实现的功能，比如滑动目录，轮播图，点击特效等，因为各种各样的原因也没有做。成品就挺粗糙的，还有些功能因为需要后端也就暂时搁置了，等以后空了再做。各位感兴趣的话可以去GitHub看看，请不要嘲笑我（捂脸）。

上传碰到的问题

上传之后，发现图片无法正常显示。我的图片是用的相对路径，网上的大佬说什么注意图片后缀和图片名的大小写，还有添加host的图片地址的ip的我都试了，不行。最后，我摸索出来的两个方法：

1.将相对路径改为绝对路径，是带有raw.githubusercontent.com前缀的那个绝对路径。
2.将图片保存在index.html同一目录下（也就是main根目录），不要放在子文件夹里面，
  然后将以前的图片路径改成此时的相对路径。
3.注意区分../和./的区别
  ../是上一目录
  ./是当前目录