Curve现代双栏

/ 2026-09-10/0/ 编辑


Curve现代双栏typecho主题.webp

Curve for Typecho

一个简洁、现代、可配置的 Typecho 主题。

本项目移植自 imsyy/vitepress-theme-curve,原作者为 imsyy。感谢原作者创作并开源了优秀的 Curve 主题。

演示

在线预览

下载

特性

  • 响应式布局,适配桌面端和移动端。
  • 首页、文章页、独立页、分类、标签、搜索、归档和 404 页面。
  • Typecho 原生嵌套评论、相关文章、上下篇、目录、打赏和版权卡片。
  • 可视化主题设置:站点信息、主题外观、导航菜单、社交链接、文章摘要、评论和页脚等。
  • 文章置顶、封面、摘要、阅读量、参考资料和版权卡片等自定义字段。
  • 友链、关于本站、文章归档、分类总览、标签总览和隐私协议页面模板。
  • 支持提示块、Tabs、Timeline、Card、Button、LinkCard、数学公式等文章内容扩展。
  • 原生 JavaScript 交互,无需构建前端项目即可安装使用。

页面模板

新建独立页面时,可在“自定义模板”中选择以下模板:

页面模板文件
文章归档page-archives.php
关于本站page-about.php
分类总览page-categories.php
标签总览page-tags.php
友情链接page-links.php
隐私协议page-privacy.php

主题会自动识别这些页面并使用实际链接。评论区和页脚的“服务”栏也会自动显示已创建的隐私协议页面;投诉反馈地址则需要在主题设置中手动填写。

文章字段

在文章编辑页的自定义字段中可以使用:

字段用途
cover文章封面图片 URL
description文章摘要;留空时自动截取正文
top填写 1 后显示置顶标记,并让文章优先显示在首页
references参考资料,一行一个 `标题\https://链接`
copyright填写 0 隐藏版权卡片
views文章阅读量,由主题自动累加

文章摘要统一使用 description 字段。主题设置中的 FakeGPT 摘要可以控制摘要卡片及其点击文案。

友情链接

使用 page-links.php 模板的独立页,可以在正文中加入 curve-friends 配置块:

<!-- curve-friends
## 推荐 | 推荐关注的站点
- 示例站点 | https://example.com/ | https://example.com/avatar.png | 站点简介

## 小伙伴 | 一起交流和成长
- 另一个示例站点 | https://example.org/ | https://example.com/avatar.png | 分享技术与生活
-->

列表格式为 名称 | 链接 | 头像 | 简介。分组标题可以省略,也可以使用 1 到 6 级 Markdown 标题。配置块之外的正文仍会按普通 Markdown 渲染。

页脚会随机展示 3 个已配置的友链,并提供刷新按钮更换列表;没有配置友情链接页或没有有效友链时,页脚不显示友链栏。

内容扩展

文章正文支持以下常用写法:

  • Admonition:::: info::: tip::: warning::: danger::: details
  • Tabs::::tabs 配合 == 标签
  • Timeline:::: timeline
  • Radio:::: radio
  • Card、Button:::: card::: button
  • LinkCard:<LinkCard url="..." title="..." desc="..." />
  • 数学公式:$...$$$...$$

后台编辑器会自动加载 Curve 快捷工具栏,可快速插入这些内容结构。

开源地址

前往Github

猜你喜欢