您的位置：首页 > 运维架构 > 网站架构

Django学习之为网站添加图标以及模板链接图片

2014-12-25 12:49 573 查看

Django中templates链接图片（包括静态文件），网站的图标也是通过链接ICON（图标）实现的。（本文所讲的内容是基于Django1.7版本）

首先，Django中templates下存放模板文件。图片，CSS等静态文件存放在static文件夹下。但是，要注意还需要对在工程文件夹下的settings.py进行配置，主要是设置静态文件在本地的存放路径，也就是你的static文件夹的位置，注意文件路径是/而不是\
！

步骤：

1.在你的项目文件夹下新建static文件夹，进入static文件夹，最好分类存放各种静态文件，例如图片存放在images文件夹下，CSS等静态文件根据你的喜好新建其他的文件夹。那我的一个测试项目来说，我的工程名称是webdevelop，项目名称是myzone

，建立好的目录如下：

>webdevelop

>db.sqlite3

>manage.py

>myzone(项目名)

>templates

>FUI.html(模板文件)

>static（存放静态文件）

>images

>favicon.ico
myzone.jpg(图片)

>webdevelop(工程名)

>settings.py(其他文件我就不列出来了)

Django中默认的setting.py中的静态文件目录配置如图

STATIC_URL是用来配置你的项目中静态文件路径的，注意这里默认的是用绝对路径/static/,也就意味着你的模板文件加载图片时会自动到/myzone/static/下去寻找静态文件或图片，当然你也可以把static文件夹建立在templates文件夹下或者其他什么地方，只要和你在settings.py中的STATIC_URL配置对应就可以，还有一点就是，如果你自己配置STATIC_URL的话，一定要注意用绝对路径，就是/static/而不是static/，注意到了吗？前面多的"
/ "，绝对路径和相对路径就不讲了，自己找资料学习。（

不好意思，刚开始写BLOG，有点啰嗦）那就在稍微罗嗦一点，例如你在templates下建立的static文件夹，那么在settings.py中加上STATIC_URL = '/template/static', OK了吧？

2.做好配置准备了，那么，接下来就看在模板文件中如何引用图片，

在html的基板模板里面记得加上一句 {%
load staticfiles %}，之后再应用图片处这样写，看图

图片链接中的src如上，这事加载静态图片的链接方式，因为我的图片myhome.jpg放在/static/image/myhome.jpg的路径上，而且我也配置了静态文件路径/static/，所以如上的images/myhome.jpg在模板文件链接图片时,会按照/myhome/static/images/myhome.jpg的路径寻找到myhome.jpg图片。最后一定要在引用图片之前加上{%
load staticfiles %}，至于为啥，到Django官网上看文档,(要知道，开源技术的学习，官方文档是最好的学习资料，所以一定要养成阅读官方文档的习惯)

最后，有了前面的基础，简单说一下为你的网站添加图标。默认情况下，浏览器访问一个网站时，会自动根据像下面我举的例子中的<link>标签中的链接去获取网站的图标。加载方式如上面加载静态图片的方式一样，只不过链接的位置是在HTML模板文件的<head>标签中的<link>标签里，拿我的举个例子，

图中的<link>标签中的和之前加载图片的方式相同。注意在前面加上{% load staticfiles %}，当然在一个模板里只用在第一个图片链接之前写一遍即可。

我在/static/images/下还放置了我的网站的图标favicon.ico----一只小企鹅，

最后提醒一下，图标的大小要合适，太大的话就加载不了，我只的是尺寸大小！！！

OK，还要说一下，这事我刚开始写BLOG，所以写的不好，大家见谅，有错误欢迎大家批评指正，共同学习，共同进步。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航