Django 20200408 博客开发 003

我的博客开发（003）

为了设计导航栏如上面，我们的代码修改如下：base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    {# 因为title有的不一样，所以需要从blog_detail.html中引用，这里用到了block标签 #}
</head>
<body>
    <div>
        <a href="{% url 'home' %}">
            <h3>个人博客网站</h3>
        </a>
        <a href="">首页</a>
        <a href="">博客</a>
    </div>
    <hr>
    {# 因为下面的内容也不尽相同用，所以我们同样建立一个block来准备引用其他文件中的这部分标签内容 #}
    {% block content %}{% endblock %}
</body>
</html>

点击博客可以进入博客列表!

点击博客可以进入博客列表

不过现在不够优美，使用CSS来美化效果：
修改base.html的标签类属性：

在my\_blog/mysite下新建static，在新建base.css文件，然后将自己要的样式卸载css中：

然后让base.html来引用它，通过link标签，方法有两种，不过第一种有问题

然后再setting中设置静态文件的路径：

主页同样：
新建home.css再static中，编写样式

编写home.html文件来引入home.css文件，方法同上，

不过发现这个还是上面那个bug!换方法：

这下可以了