关于

因为想学习响应式布局练练手，所以萌生了开了一个主题的想法，而我正好在使用百度，何不就做个和百度一样的主题 Github:https://github.com/awinds/xaink 说明：https://xiaoa.me/archives/theme_xaink.html Demo:https://www.xa.ink 作者 blog:https://xiaoa.me

特点

• 仿百度。
• 响应式设计，支持明亮和黑暗模式。
• 文章列表支持缩略图（字定义 thumbnail），右侧悬停。
• 支持评论表情 OwO 。
• 文章和页面直接支持点赞和取消，不使用插件。
• 支持配置作者个人社交账号显示。
• 支持配置是否显示文章版权信息。
• 支持归档页面和友链页面 (Links 插件支持) 。

插件配合

• Links 插件，可直接生成友链页面
• Sitemap 插件，可生成网站地图
• Stat 插件，可显示文章浏览人数
• CodeHighlighter 插件，可高亮代码
• Sticky 插件，可置顶文章，需做以下修改配合（使用 plugins 下面带的插件已修改）

//增加字段, 外面可以自定义判断
$sticky_post['istop'] = 1;

PHP

Copy

安装

直接下载 zip 源码-> 解压后移动到 Typecho 主题目录-> 改名为 xaink-> 启用。

设置

主题设置页面位置：Typecho 后台-> 控制台-> 外观-> 设置外观。

技术栈

• 使用 Tailwind CSSmin 发布版，不用打包
• 使用 JQuery 和相关插件
• 使用 jr-qrcode 生成二维码
• 使用 OwO 表情
• 使用 tabler 图标

License

Open sourced under the MIT license. 页脚保留下 Theme by Xaink，谢谢。

更新说明

1.5.0

1. 修改代码过长没自动换行的问题。
2. 如果使用高亮插件，要解决换行问题，要改插件中样式 pre[class*="language-"]中 white-space 值为 pre-wrap 。
3. 修正暗样式问题。

1.4.9

1. 增加友链的页面插件下载地址。
2. 打包配套插件到 github，目录 plugins，可选择使用。

1.4.8

1. 分类目录显示控制数量，增加更多下拉显示一级目录。
2. 控制台-> 外观-> 设置外观-> 目录显示的分类数。
3. 优化文章导读的高亮显示颜色。
4. 优化评论提示显示效果。

1.4.7

1. 分类目录增加自定义设置 icon 显示 (svg) 。
2. 控制台-> 外观-> 设置外观-> 分类对应图标 SVG 。

1.4.6

1. 评论表情使用 Emoji 问题修复 (在非 utf8mb4 下不使用 Emoji) 。
2. 修改小设备上按钮显示问题。
3. 调整手机设备上回复评论显示效果。

1.4.5

1. 替换 icons 的<i> 直接使用 svg, 省掉字体的加载。

1.4.4

1. 感谢 atk2024 反馈的问题。
2. 修改网站描述写太长，头像变形问题。
3. 修改 php8 环境下，搜索界面 500 错误的 bug 。
4. 修改文章标签显示为换行。

1.4.3

1. 优化 tabler 字体预加载，用户信息图标直接使用 svg 。

1.4.2

1. 优化图片懒加载。

1.4.1

1. 优化评论显示效果。

1.4

1. 文章和页面右侧减少了一栏目，增加了文章导读和相关推荐。
2. 修复了首次点赞时不成功的问题。

1.2.1

1. 修复移动浏览器上左侧菜单无法滚动的问题。

1.1

1. 修改在响应式移动适配时的问题。
2. 修改右侧栏标题和评论过长没有换行的问题。
3. 增加了文章和页面新增和编辑直接支持缩略图和来源页的字段。
4. 增加了可配置列表分类，类似专题或小说，菜单子分类不下拉，点击进去直接显示子分类的列表（专题名），再点子分类（专题名）进去直接显示标题目录（专题目录），可去看 demo 小说分类，不配置不影响正常使用。
5. 修改了分页显示的一些问题。

1.0

1. 手搓 typecho 主题
2. CSS 写的有问题，没有规划好，写到哪改到哪，没有做过明亮黑暗 CSS，后续有时间再优化