Typecho三栏主题GK#新作品

2025-08-09
开源
暂无评论

介绍

略略略，不想写，看GK主题演示

截图

更新日志

2025.8.8更新如下
新增：毛的没用
新增：联系方式（快手，QQ跳转没成功）
新增：文章阅读量
新增：搜索栏
新增：白天/夜间模式
新增：音乐歌单播放器
框架:三栏主题

【开源】Typecho插件-游戏、影视、友链、博客订阅

2025-07-31
开源
暂无评论

播客解说

前言

这里是4个完全独立Typecho插件，分别是博客订阅插件BlogSubscribe、友情链接插件LinkShow、游戏记录插件GameRecord、影视记录插件MovieRecord，每个插件都拥有不一样的效果，具体看功能区，插件可能与你的其他插件不共存，但你放心，我的这4个是共存，理论上是想放那里放那里。

1.博客订阅插件BlogSubscribe

通过在插件后台输入订阅地址，通过短代码调用

在你需要放的位置使用[小归客blog_subscribe]

2.友情链接插件LinkShow

在文章或者页面内填写logo、名称、地址、介绍使用。

[小归客linkshow]
[小归客link logo="图片地址" name="网站名称" nickname="网站昵称" url="链接地址" intro="网站介绍"]
[小归客link logo="图片地址2" name="网站名称2" nickname="网站昵称2" url="链接地址2" intro="网站介绍2"]
[小归客/linkshow]
其中，nickname="网站昵称2"可以删除使用非必用

3.游戏记录插件GameRecord

在文章或者页面填写logo、角色名、时间使用。

[小归客game logo="图标地址" name="游戏名称" nickname="游戏昵称" time="游戏时间"]

4.影视记录插件MovieRecord

在文章或者页面填写封面、名称、链接使用。

[小归客movie img="https://img1.baidu.com/it/u=3042287271,1241422176&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=701" name="仙逆" url="https://example.com/movie1"]

注：复制粘性使用时去掉“小归客”，其实，完全不用复制，因为插件内写了使用说明了。嘻嘻嘻嘻……

下载地址

①.Typecho博客订阅插件BlogSubscribe.tar.gz
②.Typecho插件友链LinkShow.tar.gz
③.Typecho游戏记录插件.tar.gz
④.Typecho影视插件MovieRecord.tar.gz
插件运行在php7.4、Typecho1.2.1版本上没有问题。部分主题可能不兼容。
如果你同时使用了Typecho短代码插件MyShortcodes可能是不兼容的。

百度网盘(防失效)

永久下载地址

博客订阅
链接:https://pan.baidu.com/s/103xTg4SeR-x6gtqkEk5YLg?pwd=7715
友情链接
链接:https://pan.baidu.com/s/11Q7cV9jsl9oLHsmh5aUYpA?pwd=q316
游戏记录
链接:https://pan.baidu.com/s/13mXaGDMn06FsWc4dbnR0Ng?pwd=46io
影视记录
链接:https://pan.baidu.com/s/1pw0yFegZNAl6EFZbuO9rCA?pwd=4r68

【开源】写了一款typecho短代码插件

2025-07-30
开源
暂无评论

写的一款typecho插件，里面有10个短代码，理论上是上传安装既用。经过测试“typecho默认主题、joe主题”是没有bug，正常使用的，具体看下面:

插件

下载:Typecho短代码插件MyShortcodes.tar.gz非常不错的插件。

演示

[timeline]
[timeline-item title="2023年" date="1月"]项目启动，完成需求分析[/timeline-item]
[timeline-item title="2023年" date="6月"]开发阶段，完成核心功能[/timeline-item]
[timeline-item title="2023年" date="12月"]项目上线，开始运营[/timeline-item]
[/timeline]

[process]
[process-step title="需求分析" icon="fa fa-search"]收集并分析用户需求[/process-step]
[process-step title="设计阶段" icon="fa fa-pencil"]完成UI和UX设计[/process-step]
[process-step title="开发阶段" icon="fa fa-code"]实现功能开发[/process-step]
[process-step title="测试上线" icon="fa fa-rocket">进行测试并正式上线[/process-step]
[/process]

[tooltip text="这是一个提示" position="top"]悬停我[/tooltip]

[accordion]
[accordion-item title="常见问题1"]这是第一个问题的答案内容[/accordion-item]
[accordion-item title="常见问题2"]这是第二个问题的答案内容[/accordion-item]
[accordion-item title="常见问题3">这是第三个问题的答案内容[/accordion-item]
[/accordion]

[progress percent="75" color="blue">项目完成度[/progress]

[icon name="fa fa-home" size="2x" color="red"]首页图标[/icon]

[spoiler title="点击查看答案"]
这是隐藏的答案内容，需要点击才能查看。
[/spoiler]
[tabs]
[tab title="选项1"]这里是第一个选项卡的内容。[/tab]
[tab title="选项2"]这里是第二个选项卡的内容，可以放任何东西。[/tab]
[tab title="选项3"]这里是第三个选项卡的内容。[/tab]
[tab title="选项4"]这里是第四个选项卡的内容。[/tab]
[/tabs]
[alert type="success"]恭喜你，操作成功！[/alert]
[alert type="warning"]这是一个警告信息，请注意。[/alert]
[button url="https://www.example.com" color="green" size="large" blank="true"]点击访问示例网站[/button]

[column width="1/2"]
这是第一栏的内容。
[/column]
[column width="1/2"]
这是第二栏的内容。
[/column]

好像绝大多数主题都是适配的。。

复制代码

下载上面的文件>安装后，复制下方短代码到你编辑中保存就可以了。

<!-- 时间线示例 -->
[timeline@]
[timeline-item title="2023年" date="1月"]项目启动，完成需求分析[/timeline-item]
[timeline-item title="2023年" date="6月"]开发阶段，完成核心功能[/timeline-item]
[timeline-item title="2023年" date="12月"]项目上线，开始运营[/timeline-item]
[/timeline@]

<!-- 流程图示例 -->
[process@]
[process-step title="需求分析" icon="fa fa-search"]收集并分析用户需求[/process-step]
[process-step title="设计阶段" icon="fa fa-pencil"]完成UI和UX设计[/process-step]
[process-step title="开发阶段" icon="fa fa-code"]实现功能开发[/process-step]
[process-step title="测试上线" icon="fa fa-rocket">进行测试并正式上线[/process-step]
[/process@]

<!-- 提示框示例 -->
[@tooltip text="这是一个提示" position="top"]悬停我[/tooltip@]

<!-- 手风琴示例 -->
[@accordion]
[accordion-item title="常见问题1"]这是第一个问题的答案内容[/accordion-item]
[accordion-item title="常见问题2"]这是第二个问题的答案内容[/accordion-item]
[accordion-item title="常见问题3">这是第三个问题的答案内容[/accordion-item]
[/accordion@]

<!-- 进度条示例 -->
[@progress percent="75" color="blue">项目完成度[/progress@]

<!-- 图标示例 -->
[@icon name="fa fa-home" size="2x" color="red"]首页图标[/icon@]

<!-- 剧透内容示例 -->
[@spoiler title="点击查看答案"]
这是隐藏的答案内容，需要点击才能查看。
[/spoiler@]

[tabs@]
[tab title="选项卡1"]这里是第一个选项卡的内容。[/tab]
[tab title="选项卡2"]这里是第二个选项卡的内容，可以放任何东西。[/tab]
[tab title="选项卡3"]这里是第三个选项卡的内容。[/tab]
[tab title="选项卡4"]这里是第四个选项卡的内容。[/tab]
[/tabs@]


[@alert type="success"]恭喜你，操作成功！[/alert]

[@alert type="warning"]这是一个警告信息，请注意。[/alert@]


[@button url="https://www.example.com" color="green" size="large" blank="true"]点击访问示例网站[/button@]


[@column width="1/2"]
这是第一栏的内容。
[/column@]

[column width="1/2"]
这是第二栏的内容。
[/column@]

<!-- 注意：分栏后最好加一个 <div class="clearfix"></div> 来清除浮动，以防布局错乱 -->
<div class="clearfix"></div>

复制粘贴时，去掉@字符。