关于
因为想学习响应式布局练练手,所以萌生了写一个typecho主题的想法,而我正好在使用百度,何不就做个和百度一样的主题
Github:https://github.com/awinds/xaink
说明:https://xiaoa.me/archives/theme_xaink.html
Demo:https://www.xa.ink
特点
- 仿百度。
- 响应式设计,支持明亮和黑暗模式。
- 文章列表支持缩略图(字定义
thumbnail
),右侧悬停。 - 支持评论表情
OwO
。 - 文章和页面直接支持点赞和取消,不使用插件。
- 支持配置作者个人社交账号显示。
- 支持配置是否显示文章版权信息。
- 支持归档页面、友链页面(Links插件支持)、时间线页面。
插件配合
- Links插件,可直接生成友链页面
- Sitemap插件,可生成网站地图
- Stat插件,可显示文章浏览人数
- CodeHighlighter插件,可高亮代码
- Sticky插件,可置顶文章,需做以下修改配合(使用plugins下面带的插件已修改)
//增加字段,外面可以自定义判断 $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.5.1
- 优化正文内容表格中图片过宽问题和超链接问题。
- 优化评论回复和取消回复点击问题。
- 优化版权链接换行问题。
1.5.0
- 修改代码过长没自动换行的问题。
- 如果使用高亮插件,要解决换行问题,要改插件中样式
pre[class*="language-"]
中white-space
值为pre-wrap
。 - 修正暗样式问题。
1.4.9
- 增加友链的页面插件下载地址。
- 打包配套插件到github,目录plugins,可选择使用。
1.4.8
- 分类目录显示控制数量,增加更多下拉显示一级目录。
- 控制台->外观->设置外观->目录显示的分类数。
- 优化文章导读的高亮显示颜色。
- 优化评论提示显示效果。
1.4.7
- 分类目录增加自定义设置icon显示(svg)。
- 控制台->外观->设置外观->分类对应图标SVG。
1.4.6
- 评论表情使用Emoji问题修复(在非utf8mb4下不使用Emoji)。
- 修改小设备上按钮显示问题。
- 调整手机设备上回复评论显示效果。
1.4.5
- 替换icons的<i>直接使用svg,省掉字体的加载。
1.4.4
- 修改网站描述写太长,头像变形问题。
- 修改php8环境下,搜索界面500错误的bug。
- 修改文章中标签支持换行显示。
1.4.3
- 优化tabler字体预加载,用户信息图标直接使用svg。
1.4.2
- 优化评论锚点和图片懒加载。
1.4.1
- 优化评论显示效果。
1.4
- 文章和页面右侧减少了一栏目,增加了文章导读和相关推荐。
- 修复了首次点赞时不成功的问题。
1.3
- 修复QQ头像显示问题。
- 修改个人区域签名和简介显示问题。
1.2.1
- 修复移动浏览器上左侧菜单无法滚动的问题。
1.2
- 修改归档页面按年显示统计,不再显示文章,只显示按年再按月统计。
- 增加时间线页面,按年显示文章,当年显示,其它折叠。
- 修复一些小问题。
1.1
- 修改在响应式移动适配时的问题。
- 修改右侧栏标题和评论过长没有换行的问题。
- 增加了文章和页面新增和编辑直接支持缩略图和来源页的字段。
- 增加了可配置列表分类,类似专题或小说,菜单子分类不下拉,点击进去直接显示子分类的列表(专题名),再点子分类(专题名)进去直接显示标题目录(专题目录),可去看demo小说分类,不配置不影响正常使用。
- 修改了分页显示的一些问题。
1.0
- 手搓typecho主题
- CSS写的有问题,没有规划好,写到哪改到哪,没有做过明亮黑暗CSS,后续有时间再优化。
😊😊我这边更新好啦。嘿嘿
感谢分享!
博主网站用的哪个程序啊,太喜欢了!
typecho
加载资源有点卡噢。。尽量资源本地化哇。。
icon要加载字体有点慢,实际上也没用多少icon,可以考虑直接使用svg,不再引用更多的字体。
╮(╯▽╰)╭ 每次浏览网站和切换浏览器标签都要“顿”一下,难受ING。。。
升级了,升级到1.4.5直接去掉了icons使用,不用下载字体,等待图标加载。
😀没想到是utf8mb4引起的问题。一般用TYPECHO前期都会把UTF8改utf8mb4的说。
😊可以emoji了!
被高仿百度吓到,提个建议,文章页面可以仿百度知道的样式,更吓人。
文章页面都自己编辑的,不太好控制,慢慢来,有空再更新
很棒,支持支持
赞
哎呀。不错哇。威武!必须支持!
欢迎试用发现问题
这个有意思,收藏了改天汇总到我主题站
感谢,彩蛋插件也收藏了
我来学习啦,Demo好像看不了
可以用啊,我刚试了可以打开
早啊