【Typecho】GitCards文章添加git仓库卡片 简介gitCards 最初是 daidr 为 WordPress 编写的插件。本项目将其转写为 Typecho 插件，适配 Typecho 1.3.0 和 PHP 8.4。插件通过短代码 gitcard 在文章中插入 Git 仓库信息卡片，卡片会自动从对应平台的 API 获取仓库数据（星标数、Fork 数、描述等）并渲染为带平台配色的卡片样式。 GitHub daidr/gitCards 在 WordPress 中添加git仓库的卡片 daidr.me/archives/app-267.html 5 2 Gitee daidr/gitCards 在 WordPress 中添加git仓库的卡片 daidr.me/archives/app-267.html 0 0 GitLab DaiDR/gitCards 在 WordPress 中添加git仓库的卡片 https://daidr.me/archives/app-267.html 0 0 与原版 WordPress 插件的区别特性WordPress 原版Typecho 版渲染方式客户端懒加载（AJAX）服务端渲染（默认） + 客户端懒加载（可选）缓存无文件缓存（可配置 TTL）SEO不友好（JS 渲染）SEO 友好（服务端输出完整 HTML）GitHub Token不支持支持（提高 API 速率限制）降级处理显示 ERROR降级为简洁链接卡片依赖Font Awesome CDN无外部依赖（内联 SVG 图标）安装下载插件压缩包并解压，将 GitCards 文件夹上传至 Typecho 的 usr/plugins/ 目录登录 Typecho 后台，进入「控制台 → 插件」在插件列表中找到 GitCards，点击「启用」（可选）点击「设置」配置 GitHub Token、缓存时间等参数目录结构usr/plugins/GitCards/ ├── Plugin.php # 主插件类（钩子注册、配置面板） ├── Parser.php # 短代码解析器 ├── Fetcher.php # API 数据获取器（含缓存） ├── Renderer.php # 卡片 HTML 渲染器 ├── assets/ │ ├── gitcards.css # 卡片样式 │ └── gitcards.js # 懒加载脚本（仅懒加载模式加载） ├── cache/ # 缓存目录（自动创建） └── README.md # 说明文档使用方法在文章 Markdown 或 HTML 中插入短代码：基本用法注意一下【】换成英文[]【gitcard type="1" url="https://github.com/daidr/gitCards"】自动检测平台（省略 type）【gitcard url="https://gitee.com/oschina/git-osc"】插件会根据 URL 中的域名自动判断平台。包裹式写法【gitcard type="1"】https://github.com/songshuxiao/GitCards【/gitcard】属性说明属性说明取值type平台类型（可省略，自动检测）1=GitHub, 2=Coding, 3=Gitee, 4=GitLaburl仓库地址完整的仓库 URL配置项在后台「控制台 → 插件 → GitCards → 设置」中可配置以下参数：GitHub Personal Access TokenGitHub API 匿名访问限制为 60 次/小时，配置 Token 后提升至 5000 次/小时。前往 GitHub Settings → Developer settings → Personal access tokens生成新 Token，无需勾选任何权限（只需读取公开仓库信息）将 Token 填入配置项注意：Token 仅在服务端渲染模式下使用，不会暴露到前端。缓存时间（秒）API 数据的缓存有效期，默认 3600 秒（1 小时）。设为 0 可禁用缓存（不推荐，会频繁请求 API）。渲染模式模式说明服务端渲染（推荐）在服务器端获取数据并渲染完整 HTML，SEO 友好，支持 Token客户端懒加载在浏览器中通过 IntersectionObserver 懒加载，与原版 WordPress 插件行为一致默认平台当短代码未指定 type 且无法从 URL 自动检测时的默认平台。API 请求超时（秒）请求 Git 平台 API 的超时时间，默认 5 秒。支持的平台平台typeAPI 地址GitHub1https://api.github.com/repos/{owner}/{repo}Coding（腾讯开发者）2https://codingapi.daidr.me/api/...（第三方 API，可能不可用）Gitee3https://gitee.com/api/v5/repos/{owner}/{repo}GitLab4https://gitlab.com/api/v4/projects/{path}注意：Coding 平台已迁移至腾讯开发者平台，其第三方 API 可能已失效。如遇 Coding 卡片加载失败，会自动降级为链接卡片。卡片样式每个平台有独立的配色方案：GitHub — 深灰色背景（#414141）Coding — 浅灰色背景（#f4f4f4）Gitee — 红色背景（#c71d23）GitLab — 橙色背景（#fc6d26）卡片包含以下信息：平台标签仓库所有者（可点击跳转）仓库名称（可点击跳转）仓库描述（含主页链接）星标数Fork 数「前往查看」箭头按钮常见问题卡片显示为简洁链接（降级模式）这通常是因为 API 请求失败，可能原因：GitHub API 速率限制 — 匿名访问限制 60 次/小时，请配置 Token服务器网络问题 — 确保服务器能访问 api.github.com 等域名仓库不存在或为私有 — 确认 URL 正确且仓库为公开缓存如何清理在插件设置页保存配置不会自动清理缓存禁用插件时会自动清理缓存手动清理：删除 usr/plugins/GitCards/cache/ 目录下的 .json 文件短代码在摘要中如何显示在文章摘要中，短代码会被替换为简洁的文本链接，避免在摘要中出现完整卡片。是否支持 Markdown 编辑器支持。短代码可以在 Markdown 中直接使用，插件会在 Markdown 渲染后解析短代码。实现原理钩子插件注册了以下 Typecho 钩子：// 内容过滤（Markdown 渲染后） \Typecho\Plugin::factory('Widget\Base\Contents')->contentEx = '...::contentFilter'; \Typecho\Plugin::factory('Widget\Base\Contents')->excerpt = '...::excerptFilter'; // 前端资源注入 \Typecho\Plugin::factory('Widget\Archive')->header = '...::headerInsert'; \Typecho\Plugin::factory('Widget\Archive')->footer = '...::footerInsert';自定义样式如需自定义卡片样式，可在主题 CSS 中覆盖 .gitcards-block 相关样式。CSS 变量定义在各 [data-gitsite] 选择器上：.gitcards-block[data-gitsite="1"] { --gc-color: #f4f4f4; --gc-bg: #414141; /* ... */ }许可证MIT License致谢原项目作者：daidr原项目地址：https://github.com/daidr/gitCardsSVG 图标来源：GitHub Octicons (MIT) GitHub songshuxiao/GitCards GitCards for Typecho 将 GitHub / Gitee / GitLab / Coding 仓库以精美的信息卡片形式嵌入文章中。 cloud.szfx.top/typecho/176.html 0 0 插件下载{message type="info" content="插件版本：v1.3.0更新日期：2026-07-14"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOxUC2x9jtniTGxgOgoKSsJ9A1?pwd=h57g" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/b0c65115a3d9" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/1b0oOz2YrkvvDT2i56MIXMQ?pwd=4jj5" password=""/}

【Typecho】MenuTree 文章侧边栏目录插件 效果展示安装插件将下载好的插件放在 usr/plugins/ 目录中，确保文件夹名为 MenuTree；激活插件，设置内可勾选“嵌入模式”与“独立模式”：“嵌入模式”勾选时，编辑文章用按钮插入或手写 < !-- index-menu -->（插入按钮功能貌似是无效的，还有注意，别照抄这个标签，我在标签的 ! 前面加了一个空格，不然它就会被解析成目录了） 标签发布即可显示目录树；“独立模式”勾选时，修改模板文件如 post.php 中写入 <?php $this->treeMenu(); ?> 也可显示。需要注意的是，在文章中渲染出来的目录默认是没有任何样式的，所以需要我们自定义样式。 为了使目录显示为侧边栏，并且样式与 Joe 本来的侧边栏风格保持一致，这里使用“独立模式”，并用相应的 CSS 与 JS 文件来定义其样式。插件美化CSS文件将以下 CSS 代码保存至文件中，文件名为 menutree.css，文件放到主题目录的 assets/css 文件夹下。 .menutree { position:sticky; top:60px; width:15%; margin:15px 15px 15px 0px; /* 溢出内容添加滚动条 */ overflow-y:auto; overflow-x:auto; background: var(--background); } /** 父元素<ul>与其中的子元素<li> **/ .index-menu-item { margin: 10px 0px; } .index-menu-list { margin: 5px 0px 5px 10px; } /** 所有<a>标签 **/ .index-menu-link{ color: var(--main); transition:all 0.2s ease-in-out 0s; padding:5px 0px; } .index-menu-link:hover { color: var(--theme); text-shadow: var(--text-shadow); font-weight:500; background-color:#efefef; } /* 锚点跳转定位 */ .menu-target-fix { display: block; position: relative; /* 偏移量 */ top:-100px; } /* 在宽度小于1000px的设备上隐藏短划线，以使目录的标题正常显示 */ @media screen and (max-width:1000px) { .joe_aside__item-title > .line { display:none; } } /* 在宽度小于800px的设备上隐藏目录侧边栏 */ @media screen and (max-width:800px) { .menutree{ display:none; } }JS文件将以下 JS 代码保存至文件中，文件名为 menutree.js，文件放到主题目录的 assets/js 文件夹下。 /* 获取渲染好的目录的高度 */ menuHeight = document.getElementsByClassName("index-menu")[0].offsetHeight; /* 获取容器高度 */ containHeight = document.getElementsByClassName("joe_aside__item-contain")[0].offsetHeight; /* 获取容器 title 的高度 */ titleHeight = document.getElementsByClassName("joe_aside__item-title")[0].offsetHeight; /* 获取整个目录侧边栏对象 */ aside = document.getElementsByClassName("menutree")[0]; // 定义一个函数来修改目录的显示长度，从而使侧边栏能自适应目录的高度，避免出现大片空白部分 function changeMenuHeight(){ /* 调整容器高度 */ aside.style.height = titleHeight + containHeight + "px"; } // 如果目录的高度小于500px，调用函数将目录修改为实际高度，反之则将侧边栏的高度固定为500px if(menuHeight < 500){ changeMenuHeight(); } else { aside.style.height = "500px"; }修改 post.php 文件建议修改之前先备份 post.php 文件，如果修改失败可以随时还原回来。 总共需要修改两个地方：1.导入 CSS 文件在文件前面的导入 CSS 文件： <!-- 导入目录的css文件 --> <link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/menutree.css'); ?>">2. 添加目录代码然后在 <div class="joe_container"> 与 div class="joe_main joe_post"> 之间添加如下代码： <!-- 文章目录代码 --> <section class="joe_aside__item menutree"> <div class="joe_aside__item-title"> <svg t="1642997936013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2169" width="128" height="128"><path d="M838.3 895.9H197.9c-53.9 0-97.7-43.8-97.7-97.7V236.7c0-53.9 43.8-97.7 97.7-97.7h640.3c53.9 0 97.7 43.8 97.7 97.7v561.4c0.1 53.9-43.7 97.8-97.6 97.8zM197.9 203.8c-18.1 0-32.9 14.8-32.9 32.9v561.4c0 18.1 14.8 32.9 32.9 32.9h640.3c18.1 0 32.9-14.8 32.9-32.9V236.7c0-18.1-14.8-32.9-32.9-32.9H197.9z" fill="#666666" p-id="2170"></path><path d="M695.1 455.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM695.1 578.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM695.1 701.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM379.1 281.1c-17.9 0-32.4-14.5-32.4-32.4V115.4c0-17.9 14.5-32.4 32.4-32.4s32.4 14.5 32.4 32.4v133.2c0 17.9-14.5 32.5-32.4 32.5zM657.1 281.1c-17.9 0-32.4-14.5-32.4-32.4V115.4c0-17.9 14.5-32.4 32.4-32.4s32.4 14.5 32.4 32.4v133.2c0 17.9-14.5 32.5-32.4 32.5z" fill="#666666" p-id="2171"></path></svg> <span class="text">目录</span> <span class="line"></span> </div> <div class="joe_aside__item-contain"> <?php $this->treeMenu(); ?> </div> </section> <!-- 导入的js文件，必须在这里导入，否则不生效 --> <script src="<?php $this->options->themeUrl('assets/js/menutree.js'); ?>"></script>保存，刷新文章页面即可看到左边的侧边栏目录。 以上的样式代码经过一定时间的使用，可以完美契合 Joe 主题，并且加入了部分响应式布局的代码，在移动设备上目录会自动隐藏，不会影响内容阅读。当然，如果是非 Joe 主题，样式可能需要重新设计。 本文转载自：Joe主题添加文章侧边栏目录 - Roookie博客 | 记录 · 收纳 · 分享 (wlplove.com)插件下载{message type="info" content="版本：MenuTree v0.1.2 - 社区维护版"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOww7_OE72XGtXfq95Jkrx9xA1?pwd=xmdt" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/45760c33568f" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/17ok2xeysN87jjipSWWZ5fA?pwd=iicu" password=""/}{cloud title="Github" type="github" url="https://github.com/typecho-fans/plugins/tree/master/MenuTree" password=""/}

【Typecho】MoeTop返回顶部插件 插件介绍选择自己喜欢的图片模型即可，支持是否在移动端显示。支持随机模式，开启后每次刷新页面将会从插件的models文件夹中随机加载一张图片模型。 插件下载{message type="info" content="插件版本：1.1.0"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOwvpL1W7ognv0iKZelxslgQA1?pwd=pqft" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/208b16a6d171" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/143-cOYGAMaQuA7hY_HgSnw?pwd=7g45" password=""/}{cloud title="Github" type="github" url="https://github.com/Sanakey/MoeTop" password=""/}

【Typecho】IP归属地显示插件 文章前言插件支持IPV6和IPV4归属地获取并且 为了避免卡顿或者获取失败 数据库都是本地 不调用任何第三方API接口演示图使用说明解压后修改文件夹名为 XQLocation，将插件上传至网站目录的 /usr/plugins 下在 Typecho 后台「插件管理」处启用插件在需要显示的地方插入以下代码：<?php XQLocation_Plugin::render($comments->ip); ?>(此项也适用于后台)如果是系统自带的评论框架找到var/Widget/Comments/Archive.php大概为108行，插入<?php XQLocation_Plugin::render($this->ip); ?>插件下载{message type="info" content="主题版本：V1.3更新日期：2024-11-18"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOwmoAfAGELMukwoQve3YLAMA1?pwd=8tqt#" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/f6459262ff0b" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/1bkFsidXPOkKyqhSDmjEvUQ?pwd=yug8" password=""/}

【Typecho】UserAgent信息显示插件 注意上传替换V1.3版本之后 需要禁用并重新启用插件 才能获取到Win11版本!文章前言感谢 hakula 的 UserAgent for Typecho 插件已经很久没更新的 也不见适配啥浏览器和系统了@苏晓晴 自己改了改就发布了 顺便适配了几个浏览器和系统类型演示图使用说明解压后修改文件夹名为 XQUserAgent，将插件上传至网站目录的 /usr/plugins 下在 Typecho 后台「插件管理」处启用插件在需要显示的地方插入以下代码：<?php XQUserAgent_Plugin::render($comments->agent); ?>提示:可以接入到评论 如果有侧边栏的话Windows 11 图标美化：1、文件夹usr/plugins/XQUserAgent/img/os内新增一个svg图标（以下二选一，下载见网盘） 2、Plugin.php文件第174行将$code值改成Windows-11if (preg_match('/Windows NT 11.0/i', $ua) || preg_match('/Windows NT 6.4/i', $ua)) { $version = '11'; $code = 'Windows-11'; }插件下载{message type="info" content="版本：V1.5.0更新日期：2024-11-18"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOwmecZffQwbgaAw4ReW7GlIA1?pwd=bfmg#" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/27d025902ef1" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/1yciRch7Ow-VU6VCUZQsPmQ?pwd=j2vv" password=""/}

【Typecho】QuickDelete文章快捷删除 插件介绍文章快捷删除 + 自定义字段样式文章管理页面右端增加一个删除按钮文章编辑页面底部新增一个删除按钮文章编辑页面自定义字段输入框长度设置 适配Typecho 1.3.0 + PHP8.4本插件由AI大模型： 智谱清言、 DeepSeek 、 豆包 编写插件下载{message type="success" content="插件版本：2.0.0更新时间：2026-06-01"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOu1Dn0rfpeq4WsBsguF1WxzA1?pwd=cvdk#" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/7bad8d30c323" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/1ULl0LVDaBODIocat9x_q1A?pwd=e5yw" password=""/}

【Typecho】PostTags文章列表标签显示 插件介绍【文章标签 + 缩略名】显示+快捷编辑插件在后台文章管理列表页新增「标签」列，直观展示每篇文章的标签，通过下拉选框快速为文章添加已有标签。支持后台文章管理列表页缩略名显示和快捷编辑。支持文章标签、缩略名快捷编辑功能单独启用控制开关。适配Typecho 1.3.0 + PHP8.4本插件由AI大模型： 智谱清言 编写插件下载{message type="success" content="插件版本： 3.0.0更新时间：2026-07-13"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOtn-BX3Iwg4D7w4UWozV2QBA1?pwd=29yn#" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/ccd27ae15747" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/1k_cxVc_huQyYVienKsj9Vg?pwd=fjxw" password=""/}

【Typecho】后台美化插件Admin Beautify 作者高调宣称：这可能是史上颜值最高的 Typecho 后台美化插件。 功能特色功能说明内置插件仓库、外观仓库快速获取您心仪的主题、插件Material Design 3 风格全面采用 MD3 设计规范，现代感十足7 种主题色紫、蓝、青、绿、橙、粉、红，一键切换暗色模式支持亮色 / 暗色 / 跟随系统三种模式登录页美化独立的登录页面美化AJAX 导航无刷新页面切换，后台操作更流畅PWA 响应式 APP安装到电脑 / 手机，自定义名称和图标，流畅管理博客兼容脚本支持自动修复其他插件的排版和功能，支持外部兼容脚本 URL文件管理增强非常便捷的管理您的文件，文章撰写页可拖拽上传概要页增强快捷操作按钮（胶囊 / 图标卡片两种样式）、自定义快捷按钮、MD3 风格最近文章 / 评论卡片内置数据图表概要页底部更新频率折线图与近期评论分类极坐标图，支持 7 天 / 30 天 / 全部时间范围Umami 访问统计在概要页展示今日访问量、总访问量、热门文章、跳出率等数据卡片内置 Vditor 编辑器可选替换为 Vditor Markdown 编辑器（所见即所得 / 实时预览 / 分屏编辑）内置 Editor.md 编辑器一款功能强大、灵活且易于使用的 Markdown 编辑器安装方法下载插件压缩包后上传至Typecho目录下的/usr/plugins/，解压后，重命名为AdminBeautify文件夹，进入后台 → 控制台 → 插件 → 启用 AdminBeautify常见问题{collapse}{collapse-item label="Q: 支持哪些版本的 Typecho？"}本插件基于 Typecho 1.3.0 设计开发，建议使用该版本或更高版本。{/collapse-item}{collapse-item label="Q: Typecho 1.2.1 兼容吗？"}已写 Typecho 1.2.1 兼容脚本 (目前不够完善)，请在 插件设置 - 兼容脚本 中开启，如果没有该脚本请点击同步 Github 按钮。{/collapse-item}{collapse-item label="Q: 启用后后台样式异常怎么办？"}请先清除浏览器缓存，确保加载最新的 CSS/JS 文件。如果仍有问题，请检查是否与其他后台美化插件冲突。{/collapse-item}{collapse-item label="Q: 移动端显示效果如何？"}插件内置了响应式设计，移动端会自动切换为顶部折叠菜单模式。{/collapse-item}{collapse-item label="Q: 如何自定义登录页背景？"}在插件设置中填入背景图片的 URL，并可调整虚化方式和虚化大小。{/collapse-item}{/collapse}资源下载更多主题和插件： https://nav.szfx.top/ {message type="info" content="插件版本：v2.1.42文件大小：26.6 M更新日期：2026-05-14"/}{cloud title="迅雷云盘" type="xl" url="https://pan.xunlei.com/s/VOtcmoWCKqIZIinsL62Dd6paA1?pwd=37iy#" password=""/}{cloud title="夸克网盘" type="qk" url="https://pan.quark.cn/s/94c37db3f4f6" password=""/}{cloud title="百度网盘" type="bd" url="https://pan.baidu.com/s/1uFMEyCAy5G6KMm0XjkigGQ?pwd=shqz" password=""/}{cloud title="Github" type="github" url="https://github.com/lhl77/Typecho-Plugin-AdminBeautify/releases" password=""/}