🎨 设计你的专属模板
登录后使用模板设计器,打造你的专属风格,让 AI 发文都是你的调性。
返回首页
去登录
未登录时仍可试用编辑和预览,保存与 Fork 需要登录。
🎨
模板设计器
在线编辑、导入、Fork 官方模板,并保存到你的模板资产库
模板市场
我的模板
↩️
↪️
📥 导入模板
📚 Fork 内置模板
🔄 重置
💾 保存模板
1. 从官方模板或本地 CSS 开始
2. 调整样式并实时预览
3. 保存到我的模板库
4. 在编辑器和 Skill 中持续调用
未登录,仅可试用预览
CSS 样式
/* 模板 CSS 样式 */ /* 在下方编写你的 CSS 规则,使用 .markdown-body 作为文章容器选择器 */ .markdown-body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.8; color: #333; font-size: 16px; } /* 标题样式 */ .markdown-body h1 { font-size: 26px; font-weight: 700; margin: 32px 0 20px; padding-bottom: 12px; border-bottom: 1px solid #e8e8e8; color: #1a1a1a; } .markdown-body h2 { font-size: 22px; font-weight: 600; margin: 28px 0 16px; color: #2c2c2c; } .markdown-body h3 { font-size: 18px; font-weight: 600; margin: 24px 0 12px; color: #333; } /* 段落 */ .markdown-body p { margin: 16px 0; } /* 强调 */ .markdown-body strong { font-weight: 700; color: #000; } .markdown-body em { font-style: italic; } /* 行内代码 */ .markdown-body code { background: #f5f5f5; padding: 2px 6px; border-radius: 3px; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace; font-size: 0.9em; color: #e83e8c; } /* 代码块 */ .markdown-body pre { background: #f8f8f8; padding: 16px; border-radius: 6px; overflow-x: auto; margin: 20px 0; } .markdown-body pre code { background: none; padding: 0; color: inherit; } /* 引用 */ .markdown-body blockquote { border-left: 4px solid #c8553d; padding: 12px 16px; margin: 20px 0; color: #666; background: #fafafa; border-radius: 0 6px 6px 0; } /* 列表 */ .markdown-body ul, .markdown-body ol { margin: 16px 0; padding-left: 28px; } .markdown-body li { margin: 8px 0; } /* 链接 */ .markdown-body a { color: #c8553d; text-decoration: none; } .markdown-body a:hover { text-decoration: underline; } /* 图片 */ .markdown-body img { max-width: 100%; height: auto; display: block; margin: 20px auto; border-radius: 6px; }
快速插入样式
🎨 渐变标题
📦 卡片段落
💻 深色代码
✨ 装饰引用
🖼️ 图片悬停
✅ 勾选列表
➖ 渐变分隔
💻 科技风格
📱 实时预览
🔄 刷新