静态文档_图片处理
n5321 | 2024年11月2日 09:07
html中的静态文件在普通文档下面跟在django框架下面是不同的。
1.<img src="images/logo.png" alt="半渡" style="width: 30%; height: auto;">
这个code在本体的html文件下没有问题,可是在django下面就找不到了。
解决的方式:
文件夹下面新建static/images文件夹,把图片复制粘贴过去。
settings.py下面配置:
# 项目中的静态文件的 URL 前缀、
STATIC_URL = '/static/' #
项目中静态文件的路径,通常放在项目根目录下
STATICFILES_DIRS = [ BASE_DIR / "static", ]
在html文档中添加{% load static %} <img src="{% static 'images/logo.png' %}" alt="半渡" style="width: 30%; height: auto;">
image在静态文档中是链接过去的,可是链接地址在django之中都是需要受控注册的。
一般的链接都是用的 {% url 'home' %}这种形式。
所以需要对原来的链接做一个转换。
把Blog图片做了一个简单处理,页面看起来舒服了很多!
方式:用了新版的PS,Adobe Photoshop 2024 v25.0.0.37 64,试着用了一下,比想象中的要好很多。
把多余的东西都处理掉了,弄出来一个很漂亮,也能够融入到界面的图片。看上去很不错。
格式改成了webp版,格式缩小了很多。!