阅读视图

情侣双栏左右布局Html源码

这个蓝图是一个双栏布局,可用于情侣和合作伙伴的作品集网站。其设计理念是展示一个初始的双面视图,当点击其中一面时,整个页面会向相应方向过渡,显示所选人物的独立页面。

下载

截图展示

2025-12-14T11:56:18.webp

2025-12-14T11:56:30.webp

2025-12-14T11:56:43.webp
  •  

Affinty双栏主题

Affinty双栏typecho主题

Affinty

移植自兽兽的一款开源 ghost 模板,原作者:https://github.com/Showfom/Affinity
部分功能文字写死,需要自行修改主题代码

演示

在线预览

下载

说明

整体CSS部局,基本一至。评论部分,单独整理的代码和CSS。
缩略图,默认调用 img 自定义字段,如果没有,到文章检索第1张图片。
搜索页面,后台添加页面,自定义模板,设置为 page-search 即可。

  •  

Vibe Coding风格主题

vib coding风格的typecho主题

Vibe-Coding

这是一个为Typecho博客系统开发的终端风格主题,采用vib coding设计风格,具有命令行交互界面。用命令行看博客感觉太酷了。

演示

在线预览

下载

功能特点

  • vibe coding风格:纯黑色背景,绿色文字,模拟终端界面
  • 命令行交互:底部固定命令行界面,支持多种命令
  • 动态自我介绍:主页中央有打字机效果的欢迎文本
  • 响应式设计:适配不同屏幕尺寸的设备

支持的命令

  • ls [页码] - 列出博客文章,每页显示10篇,包含标题、日期和摘要
  • cat [文章ID/URL] - 查看指定文章的详细内容
  • about - 显示博主个人简介
  • home - 返回博客主页
  • tree - 以树形结构显示博客归档内容
  • help - 显示帮助信息

开源地址:https://github.com/KysonGeek/vibe-coding-theme

  •  

BooAdmin后台美化主题

BooAdmin

BooAdmin 旨在彻底革新 Typecho 的后台体验,用现代化的设计语言替代了原生后台界面。它不仅美观,更在操作效率和多设备兼容性上进行了深度优化。

  • 全新设计语言: 基于 Bootstrap 5 和 FontAwesome 6,界面清爽、组件统一,视觉效果全面升级。
  • 完全响应式: 无论您在桌面、平板还是手机上管理博客,都能获得原生应用般的流畅体验。
  • 直观的操作流程: 重新设计了撰写、管理、设置等核心页面,让信息布局更合理,操作更直观。

开源地址:https://github.com/little-gt/THEME-BooAdmin

重要:安装前请务必备份您的 admin 目录和数据库!此操作会覆盖核心后台文件。

安装步骤:

  • 下载最新的 ZIP 压缩包。
  • 备份您 Typecho 根目录下的 admin 文件夹。
  • 解压下载的 ZIP 文件,将里面的 admin 文件夹上传并覆盖到您 Typecho 网站的根目录。
  • 刷新后台页面,即可看到全新的 BooAdmin 界面!

截图展示

2025-12-10T07:18:58.webp

2025-12-10T07:19:13.webp
  •  

WikiType主题插件展示站主题

WikiType主题插件展示站主题typecho

WikiType

基于小夜的 Blue 和 Asprie 两款主题开发而成,并且去除了很多前端框架,做了非常简单的自适应处理,整款主题看上去很简洁,曾经Typecho.wiki自用主题很多地方写死了

演示

在线预览

下载

使用说明:

  • 上传到 Typecho 主题目录
  • 修改页首header.php的标题和顶部分类链接为你自己的内容
  • 修改页脚footer.php的关于我们为你自己的内容
  • 修改首页index.php的分类mid为你自己的相应分类编号
  • 修改聚合archive.php的分类名称为你自己的对应分类名称
  • 首页顶部2个精选主题需要在后台设置文章的标签为 hot ,该项不设置,主题就会报错请悉知!!!
  •  

Silicon双模板模式主题

Silicon双模板模式主题

Silicon

一个基于Bootstrap的主题。支持卡片模式以及列表模式,列表模式主题是双栏。

演示

在线预览

下载

功能

  • 支持设置置顶文章、轮播文章和公告
  • 电脑端支持列表和网格两种模板样式
  • 支持白天和黑夜模式
  • 文章支持目录、代码高亮、标题显示、超过180天提示

截图展示


428ee22e-f93a-e5cb-f0b3-c25ea443d915.webp

ba47c897-ec36-6e01-7fe1-b4336000db8a.webp

ec5cf142-f125-a67a-8457-e64867d3a497.webp

b2c5fc03-a4b5-eb05-d79e-e53b6956574e.webp

  •  

VOID一款简洁优雅的 Typecho 主题

VOID一款简洁优雅的 Typecho 主题.jpeg

VOID

一款简洁优雅的 Typecho 主题,作为计算机术语时,VOID 的意思是「无类型」。

演示

在线预览

下载

开源地址:https://github.com/AlanDecode/Typecho-Theme-VOID

特性

  • 响应式设计
  • PJAX 无刷新体验
  • AJAX 评论
  • 前台无跳转登陆(兼容 PJAX
  • 自动夜间模式
  • 优秀的可读性
  • 衬线、非衬线两种文字风格
  • 代码高亮(浅色暗色两种风格,随主题切换)
  • Mac 风格代码块(可开启或关闭)
  • 代码行号
  • 站点样式设置面板(日夜转换、字体、字号)
  • MathJax 公式
  • 表情解析(文章、评论可用)
  • 图片排版(可用作相册)
  • 图片懒加载
  • 灵活的头图设置
  • 文章目录解析
  • 完整的结构化数据支持
  • 够用的后台设置与丰富的高级设置
  •  

Ink单栏文字主题

Ink单栏纯文字typecho主题

Ink

简洁至极的typecho主题

演示

在线预览

下载

说明

为了更好地使用头部 请设置以下页面

  • 名称:友链(这个随意)缩略名:links
  • 名称:关于(这个随意)缩略名:About
  • 名称:归档(这个随意)缩略名:arch

然后支持伪静态的请把链接分别设置为 links.html about.html arch.html 不支持的请到header.php修改相应路径 然后就可以愉快地玩耍啦

开源地址:https://github.com/youranreus/INK

  •