骆驼社徒步旅游网

碎碎念

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

上传碰到的问题

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

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

网站进化史

版本1.0

版本2.0

版本3.0

网站GitHub

[1]网站主页:https://junshana.github.io/
[2]网站源码:https://github.com/junshana/junshana.github.io

记录人生第一个网站，以及相对路径图片无法显示的问题相关推荐

HTML，img标签src路径错误及src路径图片无法显示问题，相对路径和绝对路径，超级详细的新手教程。
img标签src路径图片无法显示的原因. 1.路径问题,路径可分为绝对路径和相对路径. (1)绝对路径:很多编译器不能把图片的绝对路径解析出来,因此图片无法在网页中显示,而且在开发过程中,一般都是使用 ...
微信小程序----相对路径图片不显示
出现场景在本地调试的时候本地图片显示,但是手机浏览的时候本地图片不显示. 出现图片不显示的原因小程序只支持网络路径和base64的图片.图片转base64在线工具处理方法将图片都放到服务器,然 ...
微信小程相对图片路径_微信小程序----相对路径图片不显示
出现场景在本地调试的时候本地图片显示,但是手机浏览的时候本地图片不显示. 出现图片不显示的原因小程序只支持网络路径和base64的图片.图片转base64在线工具处理方法将图片都放到服务器,然 ...
html绝对路径图片无法显示
同一张图片,相对路径可以正常显示,绝对路径不行. <p>相对路径</p><img src="unnamed.jpg" alt="相对路径&q ...
jsp获取服务器本地路径图片不显示,jsp 从服务器获取图片路径
jsp 从服务器获取图片路径内容精选换一换如果在调用API时返回错误信息与错误码:"error_code":"ModelArts.4603"," ...
wordpress 迁移网站更改域名解决图片无法显示
1.两种方法 (1).允许mysql远程登录命令>CREATE USER 'root'@'%' IDENTIFIEDBYPASSWORD'*password'; GRANTALLPRIVILE ...
24岁那年，有人除甲醛和家电清洗挣到了人生第一个一百万
一名95后创业者,21岁一个人来到合肥创业,24岁那年收入突破了百万. 首先,说下自己目前做的行业,除甲醛和家电清洗.家政服务行业 16年7 月份接触的除甲醛项目,同年9月份正式注册公司开干, 17年 ...
Web入门学习笔记1——建立第一个网站
写在前面的话参加工作后因为工作需要,博主暂时不搞计算机视觉和深度学习,转向Web开发了.这篇博客是学习Web开发的第一篇博客,记录下自己设计的第一个网站blateyang.github.io的过程, ...
使用AppNode搭建第一个网站
第一步合适的落脚点第一种选择 VPS 教程看这里建议选择512M内存以上的快活啊,不用备案啊第二种选择独立服务器土豪我们做朋友吧第三种选择本机还没研究,日后上教程第四种选择其他 ...

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

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

骆驼社徒步旅游网

碎碎念

上传碰到的问题

网站进化史

网站GitHub

记录人生第一个网站，以及相对路径图片无法显示的问题相关推荐

最新文章

热门文章