源码系统概览
文章正文
xaink 是一款仿百度风格的 Typecho 1.2.1 博客主题源码,采用响应式设计并支持明亮与黑暗双模式。
该主题内置点赞、OwO 表情与归档友链等实用功能,适合喜欢简洁搜索风的个人博客使用。
本文从源码结构、功能与部署进行说明。
源码简介
xaink 主题源码面向 Typecho 1.2.1 博客程序,整体风格模仿百度首页的简洁与清爽。
主题使用 Tailwind CSS 的 min 发布版进行样式编排,无需打包构建,配合 jQuery 及其相关插件实现交互;
二维码由 jr-qrcode 生成,评论表情由 OwO 提供。
目录中包含标准的 Typecho 主题文件:header.php、footer.php、index.php、page.php、archive.php(归档)、comments.php(评论回调)、sidebar.php(侧边栏),以及 core 目录下的 categorylist、list、pager、titlelist 等核心组件。
此外还提供了 404 页面、page-archives(归档)、page-links(友链)、page-timeline(时间线)等独立模板页,满足不同内容展示需求。
适用场景
该源码适合追求极简、搜索框风格个人博客的用户,尤其是希望以 Typecho 轻量程序搭建技术日志、随笔或作品集的站长。
响应式与双模式使其对移动端与暗色环境阅读友好,归档与友链页面便于内容沉淀与站点互联。
功能亮点
一是仿百度视觉与响应式:整体布局简洁,支持明亮与黑暗双模式,文章列表支持缩略图(自定义 thumbnail 字段)并可在右侧悬停展示。
二是原生互动能力:文章与页面直接支持点赞与取消点赞,无需安装插件;
评论区集成 OwO 表情,提升互动体验;
并可配置作者个人社交账号显示与文章版权信息开关。
三是扩展友好:内置归档页面与友链页面(配合 Links 插件),并可搭配 Sitemap、Stat、CodeHighlighter、Sticky 等插件增强功能,主题设置位于 Typecho 后台控制台-外观-设置外观。
技术架构与部署指南
| 维度 | 本套源码 | 同类通用方案 |
|---|---|---|
| 技术栈 | 该主题基于 Typecho 1.2.1 运行,底层为 PHP 程序,需搭配 MySQL 或 SQLite 等数据库。 | 依具体方案选型,需自行搭建与维护 |
| 部署方式 | 直接下载 zip 源码,解压后将主题目录改名为 xaink,移动到 Typecho 的 usr/themes 主题目录, | 多托管于第三方平台或订阅云服务 |
| 功能侧重 | 一是仿百度视觉与响应式:整体布局简洁,支持明亮与黑暗双模式,文章列表支持缩略图(自定义 thumbnail 字段)并可在 | 功能通用,定制深度有限 |
| 数据归属 | 数据自持,部署在自有服务器,不出站 | 数据通常留存于服务商侧 |
| 成本模式 | 获取后自主部署,无持续授权费用 | 通常按订阅或调用量计费 |
技术栈与运行环境
该主题基于 Typecho 1.2.1 运行,底层为 PHP 程序,需搭配 MySQL 或 SQLite 等数据库。
前端技术栈包含 Tailwind CSS(min 发布版,免打包)、jQuery 及相关插件、jr-qrcode 二维码库与 OwO 表情组件;
样式与脚本以静态资源形式随主题提供,更新说明中提到已在 1.4.4 版本修复 php8 环境下搜索界面 500 错误等问题,建议部署在稳定 PHP 版本上。
安装与部署提示
直接下载 zip 源码,解压后将主题目录改名为 xaink,移动到 Typecho 的 usr/themes 主题目录,在后台“控制台-外观”中启用即可。
若需友链页面,请先安装并启用 Links 插件;
如需文章浏览统计、代码高亮或置顶功能,可对应安装 Stat、CodeHighlighter、Sticky 插件,其中 Sticky 需按说明增加 istop 字段配合。
截图与演示说明
首页(index.php)呈现仿百度的居中新搜索框与文章列表,右侧悬停显示文章缩略图与摘要,顶部支持明暗模式切换。
文章页由 page.php 与 comments.php 组成,底部含点赞按钮与 OwO 表情评论区,并可显示作者社交账号与版权信息。
归档页(page-archives.php)以时间轴或分类方式汇总文章,友链页(page-links.php)在 Links 插件支持下渲染友站卡片,时间线页(page-timeline.php)按时间展示动态。
404 页面(404.php)提供返回首页的提示,侧边栏(sidebar.php)与 core/list.php、core/pager.php 共同完成列表与翻页展示。

常见问题
问:启用后友链页面显示为空怎么办?
答:友链页面依赖 Links 插件,请先在 Typecho 插件管理中安装并启用 Links,再在后台添加友链,友链页即可正常渲染。
问:点赞功能需要安装插件吗?
答:不需要。
xaink 的点赞与取消点赞为原生实现,直接在文章与页面中生效,无需额外插件支持。
安全风险提示
该主题采用 MIT 开源协议,整体代码公开透明、无已知混淆或外部强制调用,适合学习研究。
但部署时仍建议从官方仓库获取最新版本,确认与所用 Typecho 与 PHP 版本的兼容性;
早期版本在 php8 下存在搜索界面 500 错误,升级到已修复版本即可规避。
下载说明
源码仅供学习研究、测试部署和二次开发参考,不得用于商业或生产环境。
下载后请先阅读根目录 README 了解安装步骤、插件配合与技术栈说明。
本资源不提供任何技术支持与保障,使用者需自行承担部署风险,并确保在合法合规前提下使用。