天天看點

Pelican 的進階-添加主題,插件添加主題添加插件

添加主題

下載下傳主題

在Blog目錄下~打開GIT。 輸入,

git clone https://github.com/getpelican/pelican-themes.git
cd pelican-themes
           

然後你就會發現多了一個pelican-themes的檔案夾~裡面就都是主題啦~

裡面的每個檔案夾都是一個主題,很多都是空的o(╯□╰)o

不過有内容的都是有截圖的~然後自己選擇一個比較喜歡的~

PO主選擇的是

tuxlite_tbs

這個主題~

然後運作一下指令進行安裝主題~

pelican-themes -i tuxlite_tbs
           

然後修改檔案

pelicanconf.py

在其中添加

THEME = 'bootstrap2'

然後重新生成Blog就好了~

新的主題怎麼樣呢~

修改主題

我們可以看到主題有兩個目錄,一個是css和icon的~一個是全部的HTML,CSS按照自己喜歡的方式添加修改~ HTML就是這個BLOG的核心部分,基本上所有的代碼都是根據這個生成的。

首頁一般是base.html+index.html+....生成的

我們可以通過觀察修改不同的代碼,以及我們也可以自己添加函數,标準函數都是{{xxxx.xxxx}}這樣的~隻要把對應的東西放在對應的位置就好~

比如 讓 網頁的title顯示的是文章的title而不是Blog的Title

修改

article.html

,添加第二行文字

{% extends "base.html" %}
{% block windowtitle %}{{ article.title }}{% endblock %}
{% block content %}
           

修改主題後,我們要更新主題才會生效

pelican-themes -U tuxlite_tbs
           

更新主題後繼續重新生成Blog,是不是改變了!

添加插件

GITHUB上的插件

和主題一樣,GIT CLONE。

git clone git://github.com/getpelican/pelican-plugins.git
           

如何使用可以參考開頭提到的Blog和插件自帶的.md,這裡不再贅述。

添加評論插件Disqus

去Disqus官網注冊,然後申請一個,記住SITENAME,然後在

pelicanconf.py

DISQUS_SITENAME

這個屬性後添加SITENAME,c重新編譯即可~

添加Google Analytics

去Google Analytics申請賬号,記下跟蹤ID,在

pelicanconf.py

GOOGLE_ANALYTICS

添加ID。 注意,現在Google已經修改代碼,很多主題的分析代碼都是舊版本的,我們先完整的複制Google給的js代碼,然後打開主題的 

analytics.html

,删除原來的Google Analytics的代碼,替換成新的代碼,然後更新主題~搞定~

同步自我自己的Blog:fashion4cj.com