{ "site": { "name": "Mijiao Notes", "alias": "静态 Markdown 博客", "description": "Markdown first, theme driven, base-path agnostic static blog.", "author": "MijiaoGame", "email": "", "favicon": "assets/favicon.svg", "logo": "" }, "deployment": { "basePath": "auto", "siteUrl": "" }, "theme": { "active": "graphite", "available": [ { "id": "aurora", "name": "Aurora", "version": "1.0.0", "author": "MijiaoGame", "description": "Brand-display theme inspired by Stripe.", "references": [ "stripe" ], "source": "system", "path": "themes/aurora" }, { "id": "graphite", "name": "Graphite", "version": "1.0.0", "author": "MijiaoGame", "description": "Default theme inspired by Linear and Vercel.", "references": [ "linear.app", "vercel" ], "source": "system", "path": "themes/graphite" }, { "id": "mono", "name": "Mono", "version": "1.0.0", "author": "MijiaoGame", "description": "Compact monochrome developer theme.", "references": [ "vercel" ], "source": "system", "path": "themes/mono" }, { "id": "paper", "name": "Paper", "version": "1.0.0", "author": "MijiaoGame", "description": "Reading-first theme inspired by Notion and Claude.", "references": [ "notion", "claude" ], "source": "system", "path": "themes/paper" }, { "id": "terminal", "name": "Terminal", "version": "1.0.0", "author": "MijiaoGame", "description": "Hacker terminal inspired by DiskScope cyber-tech and classic CRT monitors. Neon green on dark, scanline overlay, hex logo.", "source": "system", "path": "themes/terminal" } ] }, "pages": [ { "id": "about", "name": "关于", "icon": "i", "type": "markdown", "source": "content/pages/about.md", "content": "

关于这个博客

\n

这是一个以 Markdown 为唯一正文来源的静态博客平台。

\n

设计理念

\n\n

快速上手

\n
    \n
  1. 编辑 site/config.yml 修改站点信息
    2. \n
  2. 在 site/content/posts/ 下写 Markdown 文章
    3. \n
  3. 运行 node build.js 构建
    4. \n
  4. 运行 node serve.js 预览
    5. \n
\n

内置主题

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
主题风格设计参考
graphite工业蓝图Linear + Vercel
aurora品牌展示Stripe
paper阅读优先Notion + Claude
mono黑白极简Vercel
terminalCRT 赛博DiskScope
\n

切换主题：修改 site/config.yml 中的 theme.active。

\n

高级功能

\n\n

更多信息

\n\n", "renderedToHtml": true }, { "id": "skills", "name": "技能矩阵", "icon": "+", "type": "custom", "source": "content/pages/skills.html", "scripts": true, "content": "\n
\n\n
\n
\n
\n

技能矩阵

\n

Skills Matrix — 网格渐变背景 + 毛玻璃卡片 + 滚动动画 + 数字计数器

\n
\n\n
\n
\n
0
\n
内置主题
\n
\n
\n
0+
\n
CSS Token
\n
\n
\n
0
\n
自动化测试
\n
\n
\n\n
\n
前端开发
\n
JavaScript
90
\n
CSS
95
\n
HTML
95
\n
TypeScript
70
\n
\n\n
\n
设计系统
\n
Token 设计
90
\n
排版
80
\n
响应式
85
\n
\n\n
\n
工程能力
\n
Node.js
80
\n
Docker
70
\n
CI/CD
65
\n
\n
\n
\n\n
", "_isCustom": true, "_isStandalone": false }, { "id": "portfolio", "name": "作品集", "icon": "*", "type": "custom", "source": "content/pages/portfolio.html", "data": "# 数据文件（构建时嵌入为 JSON）", "projects": "content/data/projects.yml", "scripts": true, "content": "\n
\n\n
\n
\n
\n

作品集

\n

Portfolio — 3D 倾斜卡片 + 渐变旋转边框 + 鼠标光斑 + 滚动揭示

\n
\n\n
\n
\n
\n
S
\n
Static Blog
\n
零依赖、Token 驱动主题的静态博客平台。支持 Markdown 渲染、暗色模式、i18n、增量构建。
\n
\n Node.js\n CSS\n Markdown\n
\n
\n
\n\n
\n
\n
T
\n
Theme Engine
\n
45+ CSS Token 驱动的主题引擎。支持三态亮暗切换、布局控制、自定义字体、模板覆盖。
\n
\n CSS\n Design Tokens\n
\n
\n
\n\n
\n
\n
P
\n
Plugin System
\n
可插拔的构建插件架构。RSS、Sitemap、搜索索引、SSG 各自独立，互不影响。
\n
\n Architecture\n Plugins\n
\n
\n
\n\n
\n
\n
D
\n
Docker Deploy
\n
原生 Docker 支持。挂载用户工作区、自动初始化、健康检查、128MB 内存限制。
\n
\n Docker\n Nginx\n
\n
\n
\n\n
\n
\n
I
\n
i18n System
\n
中英双语完整支持。语言切换面板、自动检测可用语言、locale 文件自描述。
\n
\n i18n\n JSON\n
\n
\n
\n\n
\n
\n
C
\n
Custom Pages
\n
高级自定义页面系统。支持 standalone 独立模式、CSS 隔离、数据嵌入、JS 执行控制。
\n
\n HTML\n CSS\n JS\n
\n
\n
\n
\n
\n
\n\n
", "_isCustom": true, "_isStandalone": false }, { "id": "playground", "name": "工具箱", "icon": ">", "type": "custom", "source": "content/pages/playground.html", "standalone": true, "scripts": true, "content": "\n\n\n \n \n 工具箱\n \n\n\n \n
\n \n \n
\n\n
\n ← 返回首页\n\n

工具箱

\n

Playground — standalone 独立页面 + 打字机 + 粒子背景 + 动画边框 + 主题预览

\n\n \n
\n
\n
\n\n \n
\n
动画渐变边框
\n

\n 这个卡片的边框使用 @property 注册的 CSS 自定义属性驱动 conic-gradient 旋转。\n 纯 CSS 实现，零 JavaScript。这是 2024-2025 年最流行的 CSS 技巧之一。\n

\n
\n\n \n
主题预览（点击切换 CSS 变量）
\n
\n
\n
\n Midnight\n
\n
\n
\n Ocean\n
\n
\n
\n Sunset\n
\n
\n
\n Forest\n
\n
\n
\n Neon\n
\n
\n\n \n
\n standalone 模式：这个页面隐藏了平台导航栏和页脚，完全独立运行。\n 页面底部有\"返回首页\"链接。所有样式和脚本都在页面内部，不影响平台其他页面。

\n scripts: true — 页面 JS 仅做 DOM 操作（打字机、主题切换）。\n 无网络请求、无 eval、无外部依赖、无 localStorage 读写。\n
\n
\n\n \n\n\n", "_isCustom": true, "_isStandalone": true } ], "nav": [ { "name": "首页", "page": "index" }, { "name": "关于", "page": "about" }, { "name": "技能", "page": "skills" }, { "name": "作品", "page": "portfolio" }, { "name": "工具", "page": "playground" }, { "name": "瞬间", "url": "./moments.html" }, { "name": "参考", "url": "./links.html" }, { "name": "图库", "url": "./gallery.html" } ], "navActions": [ { "type": "link", "icon": "RSS", "url": "./feed.xml", "title": "RSS 订阅" } ], "features": { "moments": { "enabled": true, "source": "content/data/moments.yml", "moments": [ { "date": "2026-06-29", "mood": "Ship", "content": "5 个内置主题全部支持亮暗切换，导航栏新增语言切换按钮。", "tags": [ "theme", "i18n" ] }, { "date": "2026-06-20", "mood": "Note", "content": "图库功能上线，支持目录扫描、文件夹导航和灯箱查看器。", "tags": [ "gallery", "feature" ] } ] }, "links": { "enabled": true, "source": "content/data/links.yml", "groups": [ { "id": "references", "name": "设计参考", "icon": "Ref" }, { "id": "reading", "name": "长期阅读", "icon": "Read" }, { "id": "tools", "name": "常用工具", "icon": "Tool" } ], "links": [ { "name": "UI Patterns", "url": "https://ui-patterns.com/", "description": "交互模式、信息层级和常见流程的参考入口。", "icon": "UI", "label": "模式", "group": "references" }, { "name": "Smashing Magazine", "url": "https://www.smashingmagazine.com/", "description": "前端体验、设计系统和内容表达的长期阅读来源。", "icon": "SM", "label": "阅读", "group": "reading" }, { "name": "A List Apart", "url": "https://alistapart.com/", "description": "方法论和长期写作，适合沉淀内容结构与编辑感。", "icon": "AL", "label": "文章", "group": "reading" }, { "name": "MDN Web Docs", "url": "https://developer.mozilla.org/", "description": "Web 技术参考，HTML/CSS/JS 标准文档。", "icon": "MD", "label": "文档", "group": "tools" } ] }, "gallery": { "enabled": true, "source": "content/data/gallery.yml", "settings": { "maxDepth": 2, "formats": [ "jpg", "jpeg", "png", "gif", "webp", "svg" ] }, "groups": [ { "id": "identity", "name": "品牌资产", "icon": "ID", "path": "assets/gallery/identity", "maxDepth": 1 }, { "id": "posters", "name": "视觉基线", "icon": "DS", "path": "assets/gallery/posters", "maxDepth": 1 } ], "images": { "identity": { "images": [ "assets/gallery/identity/brand-mark.svg" ], "subfolders": {} }, "posters": { "images": [ "assets/gallery/posters/theme-board.svg" ], "subfolders": {} } } } }, "display": { "postsPerPage": 6, "summaryLength": 140, "heroBadge": "Markdown First", "heroSubtitle": "少配置、强主题、可部署到任意子路径。", "showSiteInfo": true, "siteType": "静态博客", "contentDirection": "Markdown / Themes / Notes", "hero": { "immersive": false, "background": { "enabled": false, "image": "", "focalPoint": "center center", "fit": "cover", "dimming": 0.42, "blur": 0 } } }, "beian": { "enabled": false, "displayName": "", "icp": { "enabled": false, "number": "", "url": "https://beian.miit.gov.cn/" }, "police": { "enabled": false, "number": "", "url": "", "statusText": "" } }, "comments": { "enabled": false, "provider": "giscus", "giscus": { "repo": "", "repoId": "", "category": "", "categoryId": "", "mapping": "pathname", "reactionsEnabled": true, "emitMetadata": false } } }