Skip to content

Repository files navigation

Typecho Harmony Hues(和谐色调)主题

HarmonyHues主题

介绍

Typecho 主题-《HarmonyHues - 和谐色调》

  • HarmonyHues主题的设计灵感源自自然界中的和谐之美
  • 这是一款类拟态风格的主题,为什么这样命名?(因为当时让GPT起几个简洁的主题名称,百度翻译一下-和谐色调,然后就选这个,后面才发现,来不及改了...)
  • 开发主题是为了简洁一点、自己开发能够更好的文章阅读和分享知识!(可以话来点 Star 支持一下)

主题预览链接:BIIBII.CN

功能

  • 自适应布局(PC / 移动完美兼容)
  • 顶部导航栏多模式切换(全屏沉浸式 / Mini简约式)
  • 主题支持多模式切换(单栏模式和多栏模式)
  • 智能主题系统(深色模式 / 浅色模式 / 自动适配系统主题)
  • 视觉增强方案:支持图片懒加载 + 点击放大预览(Lightbox效果)
  • SEO优化:内置优化策略,轻松达成LightHouse 100分评级
  • 文章类型:支持文章、图片两种类型(视频类型待开发)
  • 文章编辑:内置文章内插入视频、网盘下载、提示框、折叠框、宫格图片功能
  • 内置插件(免插件):代码高亮(支持多种语言)、回复邮件提醒、友情链接、sitemap、表情包等等
  • 特色独立页面:我的装备、明信片留言等等
  • 特色侧边栏:时间一言、博客路牌、恶魔之眼、最新文章、最新评论等等
  • 持续更新支持,更多惊喜等你发现...

安装与食用

环境要求

  • Typecho 1.2.0 及以上版本
  • PHP 7.4 及以上版本
  • MySQL 5.7 及以上版本(推荐utf8mb4编码格式)

安装方式

方式一:

  1. 下载主题压缩包,解压后上传至 Typecho 主题目录(usr/themes/
  2. 【重要】把解压后的文件夹重命名为 HarmonyHues
  3. 登录 Typecho 后台,进入外观管理,启用主题即可
  4. 进入主题设置,根据需求进行配置

方式二(预览版):

  1. 系统安装Git(具体请自行百度安装)
  2. 在Typecho 主题 usr/themes/目录下输入以下命令:
git clone https://github.com/wugeng20/HarmonyHuesTheme.git HarmonyHues
  1. 登录 Typecho 后台,进入外观管理,启用主题即可
  2. 进入主题设置,根据需求进行配置
  3. 后期更新主题,只需要在 usr/themes/HarmonyHues目录下输入以下命令:
git pull

更新注意

  • 【重要】更新前请务必备份主题文件、数据库、网站数据,防止更新失败导致数据丢失
  • 【重要】更新主题之后,若网站CDN部署,请自行清理缓存,清除assets目录下所有静态文件缓存,防止新的静态文件不生效,导致页面显示异常
  • 【重要】若修改主题代码,请自行备份,防止更新后丢失。先更新主题,如何再添加修改的部分,不要直接覆盖上更新后新主题文件,因为新主题文件可能有修改过的代码,直接覆盖会导致新代码丢失

预览

HarmonyHues主题-PC端 HarmonyHues主题-手机端

联系

捐款

💖 开源之路充满挑战,每一份代码背后都是无数个日夜的坚持。如果您也珍视这个项目带来的价值,诚邀您以捐赠的方式为项目注入成长能量——您的每一份支持都将转化为更优质的功能、更稳定的维护和更长远的发展。

微信捐赠 支付宝捐赠

About

Typecho主题-HarmonyHues,设计灵感源自自然界中的和谐之美。

Resources

Stars

40 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages