Robes Robes
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
模糊度毛玻璃模糊程度,如 16px20px20px
透明度毛玻璃透明度,0-1 之间0.45
圆角大小小 (8px) / 中 (14px) / 大 (20px)
卡片风格社交风格(带头像)/ 简约风格(纯文字)社交风格

三、布局导航

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

四、功能开关

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

五、社交链接

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

平台示例
GitHubyournamehttps://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 篇随机文章,带封面图

上一篇 来了一趟重庆的洪崖洞
下一篇 已经是最后一篇了

15条评论

Ctrl + Enter 发送
    1. Gavin Lv1

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

      回复 Windows · 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 · Chrome
      1. Robes 站长 Lv6

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

        回复 Android · Chrome
      2. 雨夜 Lv1

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

        回复 Windows · Chrome
        1. Robes 站长 Lv6

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

          回复 Android · Chrome
    4. 雨夜 Lv1

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

      回复 Windows · Chrome
      1. Robes 站长 Lv6

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

        回复 Android · Chrome
    5. 小赵 好友 Lv3

      不错啊

      回复 Windows · Chrome
      1. Robes 站长 Lv6

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

        回复 Windows · Chrome
©Robes 2023 - 2026
萌ICP备20262028号
Theme Robes