banner
moeyy

moeyy

一条有远大理想的咸鱼。
github
mastodon
email

Typechoのテーマの変更方法とおすすめの優れたテーマ

前言#

上一篇已經介紹過如何搭建自己的 Typecho 博客(30 分鐘搭建 Typecho 博客),博客搭建完成自帶一個默認主題,如果不喜歡的話可以自己尋找更換其它主題模板。

本文就介紹下如何更換和自定義修改主題,再分享幾個我收藏的不錯的主題給大家。

更換主題#

  1. 下載主題文件,一般為壓縮包,解壓得到主題文件夾;
  2. 將主題目錄上傳至 Typecho 網站目錄的 usr/themes 文件夾裡;
  3. 進入網站後台:控制台 -> 外觀,啟用該主題即可。

有的主題為了實現更豐富的功能,帶有一些依賴性插件。類似地,將插件文件夾上傳到 usr/plugins 裡,進入 控制台 > 插件,啟用插件。

刷新網站,就可以看到新的主題了。

主題修改#

設置外觀#

控制台 -> 外觀,“設置外觀” 選項。裡面是和主題相對應的定制選項,比如 網站 logo、功能開關、站點描述、縮略圖設置等,主要是針對該主題的一些個性化、功能性設置。

Typecho 主题修改方法 & 优秀主题推荐

image.png

自定義修改#

“編輯當前外觀” 自定義修改主題樣式。這裡列出的模板文件和主題有關,如果沒有需要修改的那個文件,可以去主題文件夾裡查找直接修改。

Typecho 主题修改方法 & 优秀主题推荐

image.png

Tips#

  • 有的主題需要更改主題文件夾為指定名稱才有效,注意查看主題說明;
  • 自定義修改主題樣式後,如果刷新網站沒有變化,嘗試刷新 CDN 緩存或者瀏覽器本地緩存。

主題推薦#

這裡分享的全部是免費主題。

Pinghsu#

簡介:卡片式設計,簡潔美觀。

Typecho 主题修改方法 & 优秀主题推荐

image.png

Material#

簡介:Material Design theme for typecho. 扁平化設計主題。

Typecho 主题修改方法 & 优秀主题推荐

image.png

NexT.Pisces#

簡介:Hexo 主題 NexT.Pisces 的 Typecho 移植版,基於 zgq354 的 NexT.Mist 修改製作。

Typecho 主题修改方法 & 优秀主题推荐

image.png

Maupassant#

Typecho 主题修改方法 & 优秀主题推荐

image.png

Optica#

簡介:單欄小清新主題 Optica。

Typecho 主题修改方法 & 优秀主题推荐

image.png

ArmX#

簡介:響應式純淨前端結構,不依賴第三方前端框架;自帶音樂播放器,全站 pjax;支持第三方登錄;支持 cdn 加速、生成縮略圖等,功能完善。

Typecho 主题修改方法 & 优秀主题推荐

image.png

Affinity#

簡介:三列卡片式布局。移植自 ghost,原作地址:https://github.com/Showfom/Affinity。

Typecho 主题修改方法 & 优秀主题推荐

image.png

Junichi#

簡介:輕量級,無前端框架;響應式設計。

Typecho 主题修改方法 & 优秀主题推荐

image.png

結語#

Typecho 主題還是很豐富的,而且很多是博主們寫著自己用,然後分享給網友的。如果喜歡可以選擇購買付費主題或者贊助支持主題作者。

系列教程:

  • 30 分鐘搭建 Typecho 個人博客
  • 手把手教你搭建 WordPress 個人博客建站教程
  • WordPress 必備的優秀插件推薦
  • 適合個人博客的 9 款 WordPress 精美主題推薦
読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。