Django-搭建博客(3-配置html模版)
2018-08-15 本文已影响9人
TestingShare
我们去网上下载一套模版,如果你的html,css不太好,写不了前端的话,就去下载一套模版吧,方便又实惠。
下载的模版结构应该是这样
推荐杨青博客模版:https://www.yangqq.com/download/div/
![](https://img.haomeiwen.com/i2148370/e4bacf14c0c72bfc.png)
在blogs下创建templeates目录
把html放到blogs/templates目录下
在templeates目录下创建static用于存放静态文件如,css,js,images结构是这样的
![](https://img.haomeiwen.com/i2148370/d1072972d560eada.png)
我们需要在setting里配置下
![](https://img.haomeiwen.com/i2148370/d18c3d40677372b5.png)
配置好后,就可以去view文件中修改下调用的html文件
![](https://img.haomeiwen.com/i2148370/e347a1bba2561834.png)
好了,这时候就可以启动项目了,切换到blog目录下,执行python manage.py runserver去网页看看去吧
![](https://img.haomeiwen.com/i2148370/c06dfe8176d112d0.png)
出现上面错误时,需要在setting下,DIRS-加入一句话就ok了
![](https://img.haomeiwen.com/i2148370/0f28516f71407814.png)
然后我们再次访问网页,看到如下错误
![](https://img.haomeiwen.com/i2148370/2f255268822e717c.png)
这时候请求的时候报错了,编码问题,刚下载下来的模版编码不一致,我们可以看下index.html模版内容
![](https://img.haomeiwen.com/i2148370/3c7964331bef90c8.png)
在刷新下页面,看到下面的内容就好了,但是为什么这样显示乱乱的呢?因为页面内容有了,但是css与js没有加载出来,需要把他们引入下就好了
![](https://img.haomeiwen.com/i2148370/f37c522fafaaa2bf.png)