Typecho 响应式主题:Xaink 仿百度(明暗模式、点赞功能、多插件配合、注重 SEO)

Typecho 主题2个月前发布 admin
250 0
Typecho 响应式主题:Xaink 仿百度(明暗模式、点赞功能、多插件配合、注重 SEO)

主题类型: 响应式 / 仿搜索引擎(百度)风格 / 博客 / MIT 许可

主题理念:

  • 仿百度风格: 创作灵感来源于作者本人对响应式布局的学习和练手,模仿了百度页面的设计风格。
  • 注重响应式: 完美适应不同设备,从移动端到桌面端都有良好的显示效果。

主题特点(核心功能与设计):

  • 设计与交互:
    • 仿百度界面: 整体界面风格类似于百度。
    • 响应式设计: 支持全响应式布局。
    • 明暗模式: 支持明亮和黑暗模式切换。
    • 代码高亮: 可配合 CodeHighlighter 插件使用,并支持代码自动换行。
    • 图标: 采用 tabler 图标,并优化为直接使用 SVG,减少字体加载。
  • 功能集成:
    • 点赞功能: 文章和页面直接支持点赞和取消点赞无需插件
    • 评论: 支持 OwO 评论表情
    • 文章导读: 文章和页面右侧新增了文章导读(TOC)。
    • 版权信息: 支持配置是否显示文章版权信息。
  • SEO 优化:
    • Open Graph 和 Twitter Card: 增加了头部元信息,如果有缩略图则会作为分享图。
    • 语义化: 前端语义化完善。
  • 页面与结构:
    • 特色页面: 内置支持归档页面(按年统计)和友链页面(需配合 Links 插件)。
    • 时间线页面: 增加了时间线页面(按年显示文章,当年展开,其他折叠)。
  • 技术栈:
    • 使用 Tailwind CSS min 发布版。
    • 使用 jr-qrcode 生成二维码。
    • 使用 JQuery

插件配合(推荐):

  • Links 插件: 用于生成友链页面。
  • Sitemap 插件: 用于生成网站地图。
  • Stat 插件: 用于显示文章浏览人数。
  • CodeHighlighter 插件: 用于代码高亮。
  • Sticky 插件: 可用于置顶文章(需要配合主题进行代码修改)。

许可协议: MIT License。

版权要求: 必须保留“Theme by Xaink”的版权信息。

适用人群: 喜欢百度搜索结果页那种简洁信息流风格、对 Typecho 主题有明暗模式需求,并希望拥有内置点赞和基础 SEO 功能的博主。

下载地址:GiTHUb百度网盘

© 版权声明

相关文章

暂无评论

none
暂无评论...