Preparing Experience

正在准备页面内容

Lab

像展示商品一样展示你的玩具和实验

项目不需要再缩在冷冰冰的列表里。这里更像 iPad App Store 的橱窗区,允许每个原型都拥有自己的光效、预览和姿态。

展示方式 App Store Flow
目录卡片 0
橱窗模块 4
已发布文章 0
Showcase Shelf

互动性强的卡片可以直接在这里试用,静态项目则保持更强的视觉海报感。这样实验室本身就会有浏览欲。

Write Root src/content/posts/lab/
Auto Cards Directory Driven

Directory Deck

Lab 写作目录

在 src/content/posts/lab/ 下面新建一级目录,就会自动出现一张新的 Lab 卡片。目录里的 Markdown 会成为该卡片的最近文章。

0 Directories

Lab 还没有实验目录

先在 Lab 根目录下新建一级文件夹,再把实验笔记或项目文章放进去。

src/content/posts/lab/
Featured Prototype Interactive

Singularity UI Study

一块可直接试玩的交互卡,后面可以继续放前端实验、组件互动和视觉小说 demo。

Open Demo
Build Log In Progress

OJ Review Sprint

适合放算法训练回顾、做题工作流和结构化总结。

Read Logs
Visual Novel Playable

Narrative Engine Demo

视觉小说开发、剧情分支与 UI 试验可以像商品卡片一样单独出场。

View Concept
Tools Planned

Python Runtime Cards

以后可以把 Python 可运行代码块、数据脚本与实验笔记挂到这里。

See Plan

Shelf

轻量实验架

不是所有项目都需要独占大卡片。更轻的实验、工作流与草图,适合整齐地排成一排,像一个正在扩张的工具架。

3 Cards
Shelf Card

Prompt Playground

适合放 Prompt 模板、对比实验和模型观察结果。

Cards / Markdown / Preview
Shelf Card

Interaction Widgets

适合收纳 hover、滚动、磁吸、微交互等前端小玩具。

Motion / Pointer / Surface
Shelf Card

Deploy Recipes

把部署、构建、自动同步与域名接入整理成模块化清单。

Tencent Cloud / CI / Domain

Roadmap

之后继续往里接什么

Step 01

把 GitHub API 和项目状态接进来

这样每张卡片就能展示最近更新时间、star、repo 链接和真实仓库状态。

Step 02

把可运行的 Python 代码块接成 Demo 卡

到时候文章里的交互代码和 Lab 的展示卡会形成联动,而不是两套分裂的体验。