將 Markdown 格式的文字渲染成標準的 HTML 文件是一個複雜的工作，好在已有好心人幫我們完成了這些工作，我們直接使用即可。首先安裝 Markdown，這是一個 Python 第三方庫，啟用虛擬環境，然後使用命令 pip install markdown 安裝即可

將 Markdown 格式的文字渲染成 HTML 文字非常簡單，只需呼叫這個庫的 markdown 方法即可。我們書寫的部落格文章內容存在 Post 的 body 屬性裡，回到我們的詳情頁檢視函式，對 post 的 body 的值做一下渲染，把 Markdown 文字轉為 HTML 文字再傳遞給模板：

blog/views.py

import
 
 markdown
from django.shortcuts import render, get_object_or_404
from .models import Post

def detail(request, pk):
    post = get_object_or_404(Post, pk=pk)
    # 記得在頂部引入 markdown 模組
    post.body = markdown.markdown(post.body,
                                  extensions=[
                                     'markdown.extensions.extra'
 
,
                                     'markdown.extensions.codehilite',
                                     'markdown.extensions.toc',
                                  ])
    return render(request, 'blog/detail.html', context={'post': post})

我們在釋出的文章詳情頁沒有看到預期的效果，而是類似於一堆亂碼一樣的 HTML 標籤，這些標籤本應該在瀏覽器顯示它本身的格式，但是 Django 出於安全方面的考慮，任何的 HTML 程式碼在 Django 的模板中都會被轉義（即顯示原始的 HTML 程式碼，而不是經瀏覽器渲染後的格式）。為了解除轉義，只需在模板標籤使用 safe 過濾器即可，告訴 Django，這段文字是安全的，你什麼也不用做。在模板中找到展示部落格文章主體的 {{ post.body }} 部分，為其加上 safe 過濾器，{{ post.body|safe }}，大功告成，這下看到預期效果了。
safe 是 Django 模板系統中的過濾器（Filter），可以簡單地把它看成是一種函式，其作用是作用於模板變數，將模板變數的值變為經過濾器處理過後的值。例如這裡 {{ post.body|safe }}，本來 {{ post.body }} 經模板系統渲染後應該顯示 body 本身的值，但是在後面加上 safe 過濾器後，渲染的值不再是body 本身的值，而是由 safe 函式處理後返回的值。過濾器的用法是在模板變數後加一個 | 管道符號，再加上過濾器的名稱。可以連續使用多個過濾器，例如 {{ var|filter1|filter2 }}。

程式設計師寫部落格免不了要插入一些程式碼，Markdown 的語法使我們容易地書寫程式碼塊，但是目前來說，顯示的程式碼塊裡的程式碼沒有任何顏色，很不美觀，也難以閱讀，要是能夠像我們的編輯器裡一樣讓程式碼高亮就好了。雖然我們在渲染時使用了 codehilite 拓展，但這只是實現程式碼高亮的第一步，還需要簡單的幾步才能達到我們的最終目的。
首先我們需要安裝 Pygments，啟用虛擬環境，執行： pip install Pygments 安裝即可。

搞定了，雖然我們除了安裝了一下 Pygments 什麼也沒做，但 Markdown 使用 Pygments 在後臺為我們做了很多事。如果你開啟部落格詳情頁，找到一段程式碼段，在瀏覽器檢視這段程式碼段的 HTML 原始碼，可以發現 Pygments 的工作原理是把程式碼切分成一個個單詞，然後為這些單詞新增 css 樣式，不同的詞應用不同的樣式，這樣就實現了程式碼顏色的區分，即高亮了語法。為此，還差最後一步，引入一個樣式檔案來給這些被添加了樣式的單詞定義顏色。

在專案的 blog\static\blog\css\highlights\ 目錄下應該能看到很多 .css 樣式檔案，這些檔案是用來提供程式碼高亮樣式的。選擇一個你喜歡的樣式檔案，在 base.html 引入即可（別忘了使用 static 模板標籤）。比如我比較喜歡 github.css 的樣式，那麼引入這個檔案：

templates/base.html

...
<link rel="stylesheet" href="{% static 'blog/css/pace.css' %}">
<link rel="stylesheet" href="{% static 'blog/css/custom.css' %}">
...
+ <link rel="stylesheet" href="{% static 'blog/css/highlights/github.css' %}">