前言#
上一篇已經介紹過如何搭建自己的 Typecho 博客(30 分鐘搭建 Typecho 博客),博客搭建完成自帶一個默認主題,如果不喜歡的話可以自己尋找更換其它主題模板。
本文就介紹下如何更換和自定義修改主題,再分享幾個我收藏的不錯的主題給大家。
更換主題#
- 下載主題文件,一般為壓縮包,解壓得到主題文件夾;
- 將主題目錄上傳至 Typecho 網站目錄的 usr/themes 文件夾裡;
- 進入網站後台:控制台 -> 外觀,啟用該主題即可。
有的主題為了實現更豐富的功能,帶有一些依賴性插件。類似地,將插件文件夾上傳到 usr/plugins 裡,進入 控制台 > 插件,啟用插件。
刷新網站,就可以看到新的主題了。
主題修改#
設置外觀#
控制台 -> 外觀,“設置外觀” 選項。裡面是和主題相對應的定制選項,比如 網站 logo、功能開關、站點描述、縮略圖設置等,主要是針對該主題的一些個性化、功能性設置。
image.png
自定義修改#
“編輯當前外觀” 自定義修改主題樣式。這裡列出的模板文件和主題有關,如果沒有需要修改的那個文件,可以去主題文件夾裡查找直接修改。
image.png
Tips#
- 有的主題需要更改主題文件夾為指定名稱才有效,注意查看主題說明;
- 自定義修改主題樣式後,如果刷新網站沒有變化,嘗試刷新 CDN 緩存或者瀏覽器本地緩存。
主題推薦#
這裡分享的全部是免費主題。
Pinghsu#
簡介:卡片式設計,簡潔美觀。
image.png
Material#
簡介:Material Design theme for typecho. 扁平化設計主題。
image.png
NexT.Pisces#
簡介:Hexo 主題 NexT.Pisces 的 Typecho 移植版,基於 zgq354 的 NexT.Mist 修改製作。
- Demo(這個是 Hexo 的,效果差不多)
- 地址:https://github.com/newraina/typecho-theme-NexTPisces
image.png
Maupassant#
- 簡介:極簡響應式主題。
- 地址:https://github.com/pagecho/maupassant
image.png
Optica#
簡介:單欄小清新主題 Optica。
- Demo
- 地址:https://github.com/iduzui/optica
image.png
ArmX#
簡介:響應式純淨前端結構,不依賴第三方前端框架;自帶音樂播放器,全站 pjax;支持第三方登錄;支持 cdn 加速、生成縮略圖等,功能完善。
- Demo
- 地址:https://github.com/natcube/ArmX
image.png
Affinity#
簡介:三列卡片式布局。移植自 ghost,原作地址:https://github.com/Showfom/Affinity。
image.png
Junichi#
簡介:輕量級,無前端框架;響應式設計。
image.png
結語#
Typecho 主題還是很豐富的,而且很多是博主們寫著自己用,然後分享給網友的。如果喜歡可以選擇購買付費主題或者贊助支持主題作者。
系列教程:
- 30 分鐘搭建 Typecho 個人博客
- 手把手教你搭建 WordPress 個人博客建站教程
- WordPress 必備的優秀插件推薦
- 適合個人博客的 9 款 WordPress 精美主題推薦