finch-xu

Hexo Theme Warmpaper — Development skill for Claude Code

Development community

一个温暖的 Hexo 博客主题，灵感来自 Claude 的配色方案.

How to install Hexo Theme Warmpaper

This entry records only its repository, not the path inside it, so there is no exact command to give. Open finch-xu/hexo-theme-warmpaper and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Hexo Theme Warmpaper does

一个温暖的 Hexo 博客主题，灵感来自 Claude 的配色方案。米色背景搭配淡橙色方格草稿纸纹理，营造沉浸式阅读体验。

Alternatives in Development

Analyze Feature Requests — Prioritize feature requests by theme, impact, effort, and risk 7.8k ★
Theme Color Conventions — Extensions in this repo use a consistent color language mapped to Pi's theme tokens 526 ★
Check A11y — Report WCAG contrast for the theme and the minimal fix to reach AA 452 ★

README

hexo-theme-warmpaper

「八千年前的陶工与今天的 AI，不约而同画出了同一个图形——有些直觉，比文明更古老。」

一个温暖的 Hexo 博客主题，灵感来自 Claude 的配色方案。
米色背景搭配淡橙色方格草稿纸纹理，营造沉浸式阅读体验。

[![GitHub License](https://img.shields.io/github/license/finch-xu/hexo-theme-warmpaper?color=DA7756)](LICENSE) [![Hexo Version](https://img.shields.io/badge/hexo-%3E%3D5.0.0-DA7756)](https://hexo.io) [![Node Version](https://img.shields.io/badge/node-%3E%3D20-DA7756)](https://nodejs.org) [![GitHub Stars](https://img.shields.io/github/stars/finch-xu/hexo-theme-warmpaper?style=flat&color=DA7756)](https://github.com/finch-xu/hexo-theme-warmpaper)

**在线预览**: [pidan.dev](https://pidan.dev) | [English](README_EN.md) | [日本語](README_JA.md)

特性

Claude 风格配色（温暖米色 + 橙色强调）
淡橙色方格草稿纸背景
文章页单栏布局 + 右侧 TOC 目录（sticky 定位，滚动高亮）
首页卡片式文章列表
响应式设计（移动端自动隐藏 TOC）
霞鹜文楷 GB 字体（CDN 分片加载）
支持亮色、暗色主题，自适应切换，并支持手动切换
评论系统集成：Waline、Giscus（基于 GitHub Discussions），均可选开启，支持并存
数学公式渲染（MathJax v4，可选开启）

安装

将主题克隆到 Hexo 博客的 `themes` 目录：

cd your-hexo-blog
git clone https://github.com/finch-xu/hexo-theme-warmpaper.git themes/warmpaper

安装 EJS 渲染器（如果尚未安装）：

npm install hexo-renderer-ejs --save

在博客根目录的 `_config.yml` 中启用主题：

theme: warmpaper

开发调试

前置条件

Node.js >= 14
Hexo CLI (npm install -g hexo-cli)

搭建开发环境

创建一个测试用的 Hexo 博客：

hexo init hexo-test-blog
cd hexo-test-blog
npm install
npm install hexo-renderer-ejs --save

# 方式一：符号链接（推荐，修改即时生效）
ln -s /path/to/hexo-theme-warmpaper themes/warmpaper

# 方式二：直接克隆
git clone https://github.com/finch-xu/hexo-theme-warmpaper.git themes/warmpaper