Typecho仿百度响应式主题Xaink

2024-07-22 13:50:41 浏览数 (4)

关于

因为想学习响应式布局练练手,所以萌生了写一个typecho主题的想法,而我正好在使用百度,何不就做个和百度一样的主题

Github:https://github.com/awinds/xaink

Demo:https://www.xa.ink

特点

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

插件配合

Links插件,可直接生成友链页面

Sitemap插件,可生成网站地图

Stat插件,可显示文章浏览人数

CodeHighlighter插件,可高亮代码

Sticky插件,可置顶文章,需做以下修改配合

代码语言:javascript复制
//增加字段,外面可以自定义判断 
$sticky_post['istop'] = 1;

安装

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

设置

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

技术栈

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

License

Open sourced under the MIT license.

页脚带上Theme by Xaink,谢谢!

更新说明

1.4.4

  1. 修改网站描述写太长,头像变形问题。
  2. 修改php8环境下,搜索界面500错误的bug。
  3. 修改文章中标签支持换行显示。

1.4.3

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

1.4.2

  1. 优化评论锚点和图片懒加载。

1.4.1

  1. 优化评论显示效果。

1.4

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

1.3

  1. 修复QQ头像显示问题。
  2. 修改个人区域签名和简介显示问题。

1.2.1

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

1.2

  1. 修改归档页面按年显示统计,不再显示文章,只显示按年再按月统计。
  2. 增加时间线页面,按年显示文章,当年显示,其它折叠。
  3. 修复一些小问题。

1.1

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

1.0

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

1 人点赞