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 精美主题推荐
加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。