小技巧:导航栏跳转链接

导航栏有一个 DjangoBlog 的 字样,我们希望点击它就能回到首页面,只需修改一下超链接即可。打开 base.html,修改 Logo 处的超链接:

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      - <a class="brand" href="#">DjangoBlog</a>
      + <a class="brand" href="{% url 'blog:index' %}">DjangoBlog</a>
      <div class="nav-collapse collapse">
      <ul class="nav">
      <li class="" style="font-size:20px;font-weight:bold">
      - <a href="#">DjangoBlog</a>
      + <a href="{% url 'blog:index' %}">DjangoBlog</a>
      </li>
      </ul>
      ...
      </div>
      </div>
  </div>
</div>

 

另外导航栏还有一个首页导航按钮,也希望点击它就能回到首页面,修改的任务作为练习交给你了。

当然还有一些跳转可以完善,比如文章标题下有分类、发布时间、作者、评论量、阅读量等信息,可以设置点击分类跳转到分类页面;...,这些细节部分不涉及新知识,就当做练习交给你自己完成了。