Dygita三栏主题

Dygita

一款功能丰富、美观大方的 Typecho 主题，基于原 WordPress Git 主题移植而来。

演示

在线预览

下载

主题特点

🎨 美观设计

• 响应式布局，适配各种设备
• 现代化的视觉风格
• 支持多种配色方案
• 清晰的排版结构

📱 功能特性

• SEO 优化：完善的 meta 标签和结构化数据
• 社交分享：集成多种社交平台分享功能
• 代码高亮：支持多种编程语言的代码高亮
• 懒加载：图片懒加载提升性能
• 平滑滚动：流畅的页面滚动效果
• 返回顶部：带有滚动进度指示的返回顶部按钮
• 搜索功能：内置站内搜索
• 导航菜单：支持自定义导航链接
• 主题切换：支持深色/浅色模式切换

🔧 技术实现

• 使用 Prism.js 实现代码高亮
• 响应式设计，适配移动设备
• 优化的 CSS 和 JavaScript
• 符合现代前端开发标准

安装方法

1. 下载主题文件，解压后将文件夹重命名为 dygita
2. 将 dygita 文件夹上传到 Typecho 博客的 usr/themes/ 目录下
3. 登录 Typecho 后台，进入「控制台」→「外观」→「可用的外观」
4. 找到「Dygita」主题，点击「启用」按钮
5. 根据需要在「设置外观」中配置主题选项

主题配置

基本配置

• 网站标题和描述
• 导航链接设置
• 主题颜色选择

SEO 相关

• 网站关键词设置
• 站点验证代码

开发与构建

CSS 入口与可编辑源

• style.css（主题根目录）：Typecho 主题识别入口，内含主题元信息及大量全局/组件样式。修改变量、深色模式或全局样式时可编辑此文件。
• css/build.css：由构建脚本合并生成，不要直接编辑。其来源为 css/ 下分层目录文件：base/variables.css、base/reset.css、base/typography.css、layout/grid.css、layout/header.css、layout/sidebar-left.css、layout/main-content.css、layout/sidebar-right.css、layout/footer.css、components/buttons.css、components/article.css、components/tag-cloud.css、components/toc.css、components/pagination.css、themes/dark-mode.css。修改样式后请重新执行构建。

构建命令

在主题根目录执行：

node js/build-css.js

会重新生成 css/build.css。

页面模板

自定义页面模板已移至主题根目录，后台选择模板时显示为模板文件名（如 about、archives、page-extra）。若此前使用过「pages/xxx」类模板，请编辑对应页面并重新选择新的模板名（如 about、archives 等）。

静态资源与字体

• fonts/：存放 Font Awesome 图标字体（eot/woff/ttf/svg），css/vendor/font-awesome.min.css 已配置为使用该目录下的本地字体，不依赖 CDN。

注意事项

• 本主题为 Typecho 专用，不支持 WordPress
• 部分原 WordPress 主题的功能可能未在 Typecho 版本中实现
• 如有问题或建议，欢迎反馈

版权信息

• 原主题作者：基于 WordPress Git 主题
• Typecho 移植：Dygita 开发团队
• 本主题可免费用于个人和商业网站

开源地址

前往Github