Django-搭建博客(3-配置html模版)

我们去网上下载一套模版,如果你的html,css不太好,写不了前端的话,就去下载一套模版吧,方便又实惠。

下载的模版结构应该是这样

推荐杨青博客模版:https://www.yangqq.com/download/div/

Django-搭建博客(3-配置html模版)_第1张图片

在blogs下创建templeates目录

把html放到blogs/templates目录下

在templeates目录下创建static用于存放静态文件如,css,js,images结构是这样的

Django-搭建博客(3-配置html模版)_第2张图片

我们需要在setting里配置下

Django-搭建博客(3-配置html模版)_第3张图片

配置好后,就可以去view文件中修改下调用的html文件

Django-搭建博客(3-配置html模版)_第4张图片

好了,这时候就可以启动项目了,切换到blog目录下,执行python manage.py runserver去网页看看去吧

Django-搭建博客(3-配置html模版)_第5张图片

出现上面错误时,需要在setting下,DIRS-加入一句话就ok了

Django-搭建博客(3-配置html模版)_第6张图片

然后我们再次访问网页,看到如下错误

Django-搭建博客(3-配置html模版)_第7张图片

这时候请求的时候报错了,编码问题,刚下载下来的模版编码不一致,我们可以看下index.html模版内容

Django-搭建博客(3-配置html模版)_第8张图片

在刷新下页面,看到下面的内容就好了,但是为什么这样显示乱乱的呢?因为页面内容有了,但是css与js没有加载出来,需要把他们引入下就好了

Django-搭建博客(3-配置html模版)_第9张图片

你可能感兴趣的:(Django-搭建博客(3-配置html模版))