Typecho仿百度响应式主题Xaink

关于

因为想学习响应式布局练练手，所以萌生了开了一个主题的想法，而我正好在使用百度，何不就做个和百度一样的主题
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，后续有时间再优化