至此，我們已經基本完成了部落格的所有功能。最後在對部落格的一些細節進行完善下就可以了。

搜尋頁面內容的新增

搜尋頁面的檢視函式是在haystack中寫好的，如果我們想要給頁面傳遞資料，需要將內容寫到檢視函式的extra_context函式中：

class MySearchView(SearchView):

    def extra_context(self):
        context = super(MySearchView, self).extra_context()
        # 部落格、標籤、分類數目統計
        count_nums = Counts.objects.get(id=1
 
)

        context['cate_nums'] = count_nums.category_nums
        context['tag_nums'] = count_nums.tag_nums
        context['blog_nums'] = count_nums.blog_nums
        return context

網站底部的寫法

如果部落格的域名備案的話，是需要將備案號寫在網站的最下面的，如下：

<footer id="footer" class="footer">
    <div class="footer-inner"
 
>
        <div class="copyright">
             ©  2017 -
            <span itemprop="copyrightYear">2018</span>
            <span class="with-love">
                <i class="fa fa-heart"></i>
            </span>
            <span class="author" itemprop="copyrightHolder"
 
>geerniya</span>
        </div>
        <div class="powered-by">
            豫ICP備18002345號-1
        </div>
        <div class="theme-info">
            Supported by <a href="https://www.aliyun.com/">阿里雲</a>
        </div>
    </div>
</footer>

給網站新增logo

我們希望自己的網站的title旁邊有自己獨特的logo，可以在head內新增logo：

<link rel="shortcut icon" type="image/x-icon" href="/static/image/logo.ico">

其中logo.ico是你的logo圖片，格式必須是.ico格式的。你可以自行設計，當然，我是從網上隨便找了個喜歡的圖案放上去的。

網站適應手機端

為了使我們的網站適應手機端，最簡單的辦法是在head頭部新增meta資訊：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

當然，這隻能適配簡單的場景，更多複雜的場景需要在iss樣式裡定製，還好別人已經給我們設計好了，我們這裡直接用就行了。然而，我們後來自行新增的搜尋框及評論內容樣式設計的不夠好，這也需要日後進一步的完善。

新增超連結

我們部落格的首頁有很多超連結，包括我們自己的社交連結，我這裡只添加了個人的GitHub、知乎、CSDN部落格，各位如果還可以自行新增其他內容。

下面還添加了別的網站的超連結，也可以自行新增。當然，歡迎把我的部落格網站也新增進來。

博文的閱讀量

很多部落格喜歡在博文後面新增上閱讀量，我們在資料庫中也定義了該欄位，在檢視函式中也應當新增上相關程式碼：

# 此處為部落格詳情頁
# 部落格點選數+1, 評論數統計
blog.click_nums += 1
blog.save()

# 此處為主頁
count_nums.visit_nums += 1
count_nums.save()

這樣，使用者每進入我們的部落格主頁一次，網站的訪問量就+1，使用者每點選進入我們的部落格詳情頁面一次，博文的點選量同樣+1。不過這些資料我只是讓它在後臺顯示，也就是隻有我自己才能看到，並沒有讓它顯示在前端，如果有需要的，可以在部落格標題後新增上該欄位就可以了。

最後就是，大家自行新增上自己部落格的名稱、說明以及個人的頭像即可。

這樣我們的部落格網站開發就算是真的完成了，接下來要進入部落格的部署了。

——————————————————————————————————————————

專案的完整程式碼：django_blog
覺得有用的歡迎給個star。