Robes Robes
Robes
©Robes 2023 - 2026 萌ICP备20262028号 Theme Robes

Robes Typecho 主题使用文档1.1

简约风格:本站
社交风格:https://wz.robes.xin
下载地址:https://wwapr.lanzouu.com/iXcvF3vz5rhe

1


📦 安装方法

  1. 下载主题压缩包 robes-updated.tar.gz
  2. 解压后将 robes 文件夹上传至 Typecho 的 usr/themes/ 目录
  3. 登录 Typecho 后台 → 控制台 → 外观 → 可用主题 → 启用 Robes

⚙️ 主题设置

进入 外观 → 设置外观,共 6 个分类 Tab:

一、基本设置

选项说明默认值
博客名称显示在顶栏左侧,留空使用 Typecho 站点标题空
Logo 图片填写图片 URL,留空显示博客名首字空
文章页头像文章详情页标题下方显示的头像,留空不显示空
Favicon浏览器标签页图标 URL,留空使用默认空
默认分享图无文章图片时的 OG 缩略图空
建站日期格式:2024-01-01,用于「关于」页计算运行天数空
底部版权页脚版权文字© 2026 站点名
备案信息如:粤ICP备12345678号,留空不显示空

二、外观样式

选项说明默认值
深色模式跟随系统 / 默认浅色 / 默认深色 / 用户切换跟随系统
强调色全局主色调,支持 HEX 值#6366F1
背景色页面背景颜色#E0E5EB
模糊度毛玻璃模糊程度,如 16px、20px20px
透明度毛玻璃透明度,0-1 之间0.45
圆角大小小 (8px) / 中 (14px) / 大 (20px)中
卡片风格社交风格(带头像)/ 简约风格(纯文字)社交风格

三、布局导航

选项说明默认值
顶栏高度紧凑 (70px) / 标准 (90px) / 宽松 (110px)标准
侧边栏宽度单位 px230
侧边栏分类侧边栏是否显示分类列表开启
侧边栏标签侧边栏是否显示标签云开启
上下篇导航文章底部的上一篇/下一篇开启

四、功能开关

选项说明默认值
PJAX 无刷新页面无刷新切换开启
图片灯箱点击图片放大查看开启
首页一言首页显示随机语录开启
排序切换首页排序 Tab(最新/热度/评论)开启
文章目录文章页自动生成 TOC 目录开启
首页图片数量最多9张 / 最多6张 / 最多4张 / 不限制最多9张
相册分类 ID相册页面显示哪个分类下的文章6
置顶文章 ID多个用英文逗号分隔,如 1,3,5空

五、社交链接

填写用户名或完整链接,自动补全前缀。留空则不显示。

平台示例
GitHubyourname 或 https://github.com/yourname
Twitter/Xyourname
微博主页链接
微信微信号
BilibiliUID 或主页链接
Telegram用户名
邮箱you@example.com
RSS留空使用默认 Feed 地址

社交链接显示在 关于页面 的个人资料卡片底部。

六、自定义

选项说明
自定义 CSS直接写 CSS 代码,覆盖主题默认样式
自定义 JS直接写 JavaScript,页面加载时执行

🖼️ 文章内图片排版

在文章正文中使用短代码实现多图排列:

九宫格图片

[photos]
图片URL1
图片URL2
图片URL3
[/photos]

支持 1-9 张图片,自动排列为网格。

单张大图

图片URL

💬 评论功能

  • 头像使用 Cravatar(兼容 Gravatar)
  • 支持 Emoji 表情选择
  • 支持回复嵌套
  • 评论区自动识别友链博主(显示特殊标识)

🌙 深色模式

4 种模式可选:

模式行为
跟随系统自动检测系统深色模式偏好
默认浅色强制浅色,隐藏切换按钮
默认深色强制深色,隐藏切换按钮
用户切换顶栏显示月亮/太阳按钮,用户手动切换

选择「用户切换」或「跟随系统」时,用户的选择会保存在 localStorage 中。


页面模板

创建页面时在「自定义模板」下拉框中选择对应模板。

关于页面

模板名: 关于
建议 slug: about

功能:

  • 个人资料卡片 — 显示 Logo/头像、博客名、站点描述、社交链接
  • 数据统计卡片 — 自动统计文章数、评论数、标签数、运行天数
  • 站点信息卡片 — 运行时间(自动计算)、建站日期、最近更新日期、主题名称
  • 建站历程 — 页面正文内容自动渲染为时间线

建站历程用法: 在页面正文中使用 h3 标签分段,自动生成时间线:

<h3>2024年1月</h3>
<p>搭建了博客,选择了 Robes 主题。</p>

<h3>2024年6月</h3>
<p>完成了第一次改版,加入了暗色模式。</p>

<h3>2025年1月</h3>
<p>重构了评论系统,加入了等级和好友检测。</p>

友链页面

模板名: 友链 / Friends
建议 slug: links / friends

功能:

  • 自动读取 Typecho 友情链接插件(Links_Plugin)的数据
  • 每个友链卡片显示:头像、名称、描述
  • 自动检测友链是否可访问(在线/离线状态指示灯)
  • 头像加载失败时自动回退为首字

前置要求: 需安装 寒泥友情链接插件(Links_Plugin)

页面正文 中可写友链说明、申请格式等自定义内容。


朋友圈页面

模板名: 朋友圈
建议 slug: friends / moments

功能:

  • 自动抓取所有友链的 RSS 订阅,展示最新文章
  • 每个好友卡片显示:头像、名称、描述、最近 3 篇文章
  • 按最新文章时间排序
  • RSS 地址自动探测(支持 /feed、/feed.xml、/rss、/atom.xml 等路径)
  • 结果缓存 2 小时,RSS 地址缓存 7 天
  • 缓存目录:usr/cache/friends/

页面正文 中可写朋友圈介绍等自定义内容。


留言板页面

模板名: 留言 / Guestbook
建议 slug: guestbook / message

功能:

  • 内嵌评论表单
  • 活跃榜 — 自动统计评论数最多的前 10 位访客,显示排名、头像、评论数
  • 页面正文可写留言须知等

相册页面

模板名: 相册 / Gallery
建议 slug: gallery / photo

功能:

  • 自动读取指定分类下的文章,提取文章中的图片作为相册
  • 瀑布流布局,不同卡片交替不同高度(4:3、3:4、1:1、16:10)
  • 每个相册卡片显示:封面图、图片数量角标、标题、日期、评论数
  • 点击进入文章详情页

使用方法:

  1. 创建一个分类(记下分类 ID)
  2. 在该分类下发布文章,文章中插入图片
  3. 在主题设置中填写「相册分类 ID」
  4. 创建相册页面,选择「相册」模板

归档页面

模板名: 归档
建议 slug: archive / timeline

功能:

  • 顶部统计卡片:文章总数、总浏览量、年份数
  • 按年份分组的 Tab 切换
  • 每篇文章显示:日期、标题、浏览量、评论数
  • 默认显示最新年份

说说页面

模板名: 说说 / Shuoshuo
建议 slug: shuoshuo / talking

功能:

  • 类似微博/朋友圈的短内容展示
  • 每条说说显示:内容、时间、点赞数
  • 支持图片

首页功能

一言语录

  • 开启后首页顶部显示随机语录
  • 内置 10 条经典语录
  • 点击切换下一条(带淡入淡出动画)
  • 语录以斜体显示,左侧有强调色引号装饰

排序切换

开启后首页显示 3 个排序 Tab:

Tab说明
最新发布按发布时间倒序(默认)
热度排序按浏览量倒序
评论排序按评论数倒序

排序在前端即时切换,无需刷新页面。

卡片风格

社交风格(默认):

  • 头像 + 昵称 + 时间
  • 文章摘要
  • 图片网格(受首页图片数量限制)
  • 评论数 + 分享按钮

简约风格:

  • 纯标题 + 摘要
  • 日期 + 浏览量 + 评论数
  • 更紧凑的布局

搜索功能

  • 顶栏中央有搜索框,输入关键词回车搜索
  • 移动端搜索框在内容区内显示
  • 搜索结果页显示搜索关键词和结果数量
  • 搜索关键词在结果中自动高亮显示

404 页面

  • 显示大号 404 文字
  • 「页面走丢了」提示
  • 内嵌搜索框,可直接搜索
  • 「返回首页」和「返回上页」按钮
  • 随便看看 — 自动推荐 4 篇随机文章,带封面图

上一篇 来了一趟重庆的洪崖洞 下一篇 亲爱的,我爱你

27条评论

正在验证… Ctrl + Enter 发送
  1. Gavin Lv1

    真的会吃评论,这条我这是发第二遍,我自己用这个主题也发现有时会吃评论,但无法复现,好神奇,具体表现就是评论提交后,提示提交成功,但有时候就是没有这条!这个问题是随机的。
    大佬有空可以测试一下。
    另外,社交风格下首页文章列表 标题前的头像建议别直接用logo,可以自定义或者直接用Gravatar头像。

    回复 Windows Chrome
    1. Robes 站长 Lv6

      过段时间我有空了我再看看这个评论区的问题

      回复 Android Chrome
  2. Gavin Lv1

    好看,先收藏,有时间再安排上。。。。😎
    我越来越懒了。

    回复 Windows Chrome
    1. Robes 站长 Lv6

      其实我也一样的🤣

      回复 Windows Chrome
      1. Gavin Lv1

        谢谢大佬的主题,已经用上了。

        回复 Windows Chrome
        1. Robes 站长 Lv6

          欢迎,有什么建议也欢迎留言

          回复 Windows Chrome
          1. Gavin Lv1

            我的留言好像被吃了两条,不知道为啥!
            再试试!✅
            发现还有个小bug,可以优化一下:
            代码块的行号跟代码挨太近了,看着很别扭,再就是复制的时候会把行号也复制到剪切板!

            回复 Android Chrome
            1. Robes 站长 Lv6

              代码块行号被我取消掉了,评论我这边试了一下没啥问题,你重新下载模板试一下

              回复 Windows Chrome
  3. 雨夜 Lv1

    还有,我查看了post.php文件,里面确实存在标签云和上一篇下一篇功能,但实际上文章详细页并没有出现,是什么原因?

    回复 Windows Edge
    1. Robes 站长 Lv6

      这些下个版本统一一起安排上

      回复 Android Chrome
    2. 雨夜 Lv1

      还有希望更新时恢复滚动条吧,用滚轮手指太累还痛。。。。

      回复 Windows Edge
      1. Robes 站长 Lv6

        好滴,谢谢你的建议下个版本考虑考虑,这个涉及到这个ui的策略

        回复 Android Chrome
  4. 雨夜 Lv1

    为什么我的页面没有站长信息卡(可在主题配置中自定义)和申请友链弹窗功能显示的?

    回复 Windows Edge
    1. Robes 站长 Lv6

      这个功能有点bug问题,后期会修复然后重新发布

      回复 Android Chrome
  5. 小赵 好友 Lv3

    不错啊

    回复 Windows Chrome
    1. Robes 站长 Lv6

      还是有很多需要完善的地方

      回复 Windows Chrome
©Robes 2023 - 2026
萌ICP备20262028号
Theme Robes
归档 关于 留言