Preparing Experience

正在准备页面内容

430 字
1 分钟
Study 栏写作说明
2026-03-21

Study 现在只读取 src/content/posts/study/ 下的文章,并且会自动扫描它下面的一级目录生成卡片。

你之后写学习类内容时,只需要按主题新建目录,然后把文章放进去:

  1. Python Base -> src/content/posts/study/python-base/
  2. LLM Base -> src/content/posts/study/llm-base/
  3. Hot 100 -> src/content/posts/study/hot-100/
  4. Fine Tuning -> src/content/posts/study/fine-tuning/
  5. FastAPI -> src/content/posts/study/fastapi/
  6. Pytorch -> src/content/posts/study/pytorch/
  7. Reinforce Learning -> src/content/posts/study/reinforce-learning/

如果你之后想新增别的主题,比如 study/transformer-notes/,只要新建这个目录,前端就会自动长出一张对应卡片。

如果你想控制卡片标题、右上角小图标、颜色和排序,就在这个目录里放一个 meta.json

例如:

{
"title": "Reinforce Learning",
"eyebrow": "RL",
"description": "放强化学习、DQN、PPO、策略梯度等内容。",
"size": "medium",
"accent": "138 168 255",
"icon": "mdi:robot-outline",
"order": 70
}

目前支持这些标识:

  1. title 卡片标题。

  2. eyebrow 卡片左上角的小标签。

  3. description 卡片说明文案。

  4. icon 卡片右上角的小图标,推荐用 mdi:*,例如 mdi:robot-outlinemdi:brainmdi:api

  5. accent 卡片主题色,格式是 "118 166 255" 这种 RGB 三元组字符串。

  6. size 卡片尺寸,可选: "wide""medium""default"

  7. order 卡片排序,数字越小越靠前。

  8. hidden 是否隐藏这张卡片,填 true 后不会显示在模块页里。

卡片现在会直接联动下方的 Study 全部文章

  1. 点击顶部目录卡片
  2. 页面会滚动到下面的总文章列表
  3. 自动筛选出这个目录下的文章

写法还是普通 Markdown:

---
title: 你的文章标题
published: 2026-03-21
description: 一句话摘要
tags: [Python, Study]
category: Python Base
draft: false
---

如果你想在文章里插入可运行的 Python 代码块,可以直接这样写:

Python3 Quick Demo
pure stdlib 2 lines
Frozen Editor 默认折叠,点击展开查看完整代码
展开代码

上面这种写法现在会在文章页渲染成可折叠的 Python 代码卡。 如果你想真正边写边跑,可以直接使用页面右侧悬浮的 Python Lab 小窗口。

写完保存后,本地开发环境会自动刷新;提交并部署后,线上站点也会更新。

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

部分信息可能已经过时

欢迎来到我的博客