静态文档_图片处理

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版，格式缩小了很多。！