“写笔记”支持四种格式——Word 文档、Excel 表格、Markdown、纯文本，起稿或二次编辑时都能随时切换，同一篇笔记想用哪种形态来记，都由你说了算。
md、txt、csv、json 这类纯文本则原样载入，不做多余加工。拿一张现成的表倒进来、改几笔、再导出去，等于白用一台免费的格式转换器。
要带走就在右上角点“下载”，可导出 PDF、Word、Markdown、Excel、TXT 等格式；列表卡片“⋯”菜单里，也有同样的下载入口。
在“工具”页点“＋ 上传工具”即可发布：填好名称与链接，再用 Markdown 把使用方法写清楚——能解决什么问题、怎么装、怎么用，比堆介绍实在。
要分发安装包就一并上传压缩包（ZIP、RAR、7Z、TAR.GZ，最大 35MB），别人在详情页一键下载；只放链接不带附件也可以。
工具按大家的收藏热度排序，好用的自然会被顶上来。发布后可在详情页或卡片菜单里编辑、下架。
写笔记时勾上“隐藏”，这篇就只存在于你自己的账号里：不进列表、不进搜索、不上首页精选，也不会出现在任何公开的页面，链接发给别人同样打不开。
适合放密码、草稿、日记这类只给自己看的内容；想公开，去“发布”打开它，把“隐藏”的勾去掉再保存，之后编辑会默认保持原状态，不会悄悄变回公开。
你的内容会同时保存在多个副本上，系统定期做备份与完整性校验，再配合异地容灾机制：就算某台机器出问题，数据也不会丢，可以长期放心存放；特别重要的资料，仍建议你另外再留一份备份。
全站跑在容器化、模块化的现代架构上，更新、部署、回滚都很快，扩展性和稳定性都按长期运营的标准来设计（Built for reliability, designed to scale）。
这个网站最早只是一个人的笔记仓库，后来慢慢长成现在的知识中枢。设计上很克制——没有广告、没有追踪、没有推荐算法，只是干干净净地存放一些东西；既然做好了，就公开出来，万一有人用得上呢。
不做大而全，不做平台梦，保持简单、保持克制、保持好奇。所有内容都由用户贡献、由用户维护：不会突然冒出付费墙，不会在角落塞广告位，也不会把你的数据卖给第三方。
产品会持续迭代，站内日志页记录着每一次改动，改了什么都有迹可循；想了解这个站是怎么一步步走到今天的，翻翻日志就能看到来龙去脉。
如果在这里看到涉嫌违规的内容，点对应卡片右侧的“举报”按钮就能提交，我们会尽快核实处理；也谢谢你花一点时间，一起把这里维护干净。
gzh-design-skill：一键将 Markdown 排版为公众号精致 HTML 的开源神器
把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。
一、项目定位：解决公众号排版之痛
对于经常在微信公众号发布技术文章、教程或深度内容的作者来说，排版一直是个令人头疼的问题。公众号自带的编辑器功能羸弱，样式管理混乱，代码块高亮几乎为零，而第三方排版工具要么收费，要么不够灵活，要么需要手动复制粘贴大量样式代码。
isjiamu/gzh-design-skill 正是为了解决这一痛点而生。它是一个基于 HTML 的纯前端工具，能够将标准 Markdown 文本一键转换为可直接粘贴到微信公众号编辑器中的精致 HTML 代码。项目目前拥有 625 颗星，语言为 HTML，结构清晰，开箱即用。
二、安装与使用：零门槛上手
2.1 环境要求
- 任何现代浏览器（Chrome、Edge、Firefox 等）
- 无需 Node.js、无需 Python、无需数据库
2.2 安装步骤
bash
git clone https://github.com/isjiamu/gzh-design-skill.git
cd gzh-design-skill
然后直接用浏览器打开 index.html 即可。没有任何构建步骤，纯静态文件。
2.3 使用示例
假设你有以下 Markdown 内容：
markdown
标题：深度学习入门指南
1. 什么是深度学习？
深度学习是机器学习的一个子集，它使用多层神经网络来学习数据的表示。
1.1 核心概念
- 神经元：网络的基本单元
- 激活函数：ReLU、Sigmoid 等
- 损失函数：交叉熵、MSE 等
引用：深度学习需要大量数据和计算资源。
print(\"Hello, Deep Learning!\")
将上述 Markdown 粘贴到网页左侧输入框，点击「转换」按钮，右侧会立即生成对应的 HTML。
生成的 HTML 预览效果：
- 标题自动使用公众号兼容的字体和字号
- 列表项带有优雅的间距和符号
- 引用块使用浅色背景 + 左侧竖线
- 行内代码使用等宽字体 + 浅灰背景
- 代码块自动高亮（支持多种语言）
点击「复制」按钮，然后打开公众号编辑器，直接粘贴即可。
三、核心亮点深度解析
3.1 六套精选主题
项目内置了 6 套精心设计的主题，覆盖常见场景：
- 极简白：适合技术文章，干净利落
- 暖阳橙：适合教程类，温和不刺眼
- 暮光紫：适合深度思考类文章
- 森林绿：适合生态、健康类内容
- 海洋蓝：适合科技、商业类
- 暗夜黑：适合夜间阅读或酷炫主题
每套主题都经过了公众号编辑器的兼容性测试，确保粘贴后样式不丢失。
3.2 主题生成器
这是本项目最亮眼的功能之一。如果你对内置主题不满意，可以使用主题生成器自定义：
- 主色调：通过颜色选择器或直接输入十六进制色值
- 字体大小：正文、标题、代码块分别可调
- 间距控制：段前段后、行高、列表缩进
- 代码块样式：背景色、边框、圆角
- 引用块样式：左侧竖线颜色、背景透明度
生成的主题可以导出为 JSON 文件，下次直接导入复用。
3.3 双关卡校验
这是一个非常实用的设计。公众号编辑器对粘贴的 HTML 有严格的过滤规则，比如会移除部分 style 属性、class 名称、甚至某些标签。
项目实现了两层校验：
- 第一关：生成 HTML 时自动添加公众号兼容的样式写法（使用行内样式而非 class，避免被过滤）
- 第二关：在复制前进行模拟粘贴测试，检测可能被过滤的样式并给出警告
例如，如果检测到使用了 font-family 中不安全的字体，会提示用户替换为安全字体。
3.4 代码高亮
针对技术文章作者，项目内置了 Prism.js 的轻量级代码高亮，支持 JavaScript、Python、Java、C++、Go、Rust 等 20+ 种语言。高亮样式会随主题同步变化，确保整体视觉统一。
四、适用场景
- 技术博客作者：在公众号发布技术教程，需要代码高亮和整洁排版
- 产品经理/运营：发布产品更新日志、功能说明，需要美观的列表和引用
- 教育机构：发布课程大纲、学习资料，需要多级标题和清晰的结构
- 自媒体人：发布深度长文，需要优雅的排版提升阅读体验
- 企业公众号：发布公告、周报等正式文档，需要品牌色统一
五、同类项目对比
5.1 与 Md2All 对比
Md2All 是一个老牌的 Markdown 转公众号工具，功能成熟。
- 共同点：都支持 Markdown → 公众号 HTML
- 差异点：
- gzh-design-skill 提供主题生成器，Md2All 只有固定主题
- gzh-design-skill 有双关卡校验，Md2All 无此功能
- Md2All 支持在线预览和代码高亮，但样式较为陈旧
- gzh-design-skill 是开源项目，可本地部署，数据安全
5.2 与 WeChat-Format 对比
WeChat-Format 是一个著名的公众号排版工具。
- 共同点：纯前端，无需后端
- 差异点：
- WeChat-Format 只提供一种默认主题，gzh-design-skill 提供 6 套 + 自定义
- WeChat-Format 的代码块高亮支持有限，gzh-design-skill 支持 20+ 种语言
- gzh-design-skill 的「双关卡校验」是独有功能
5.3 与 Typo.css 对比
Typo.css 是一种 CSS 排版方案，需要手动集成。
- 共同点：追求公众号排版美观
- 差异点：
- Typo.css 需要开发者手动编写 HTML 和 CSS，gzh-design-skill 是开箱即用的工具
- Typo.css 不解决粘贴兼容性问题，gzh-design-skill 专门处理了公众号的样式过滤
六、技术架构与可扩展性
项目采用纯 HTML + CSS + JavaScript 架构，没有任何外部依赖（代码高亮库除外）。这意味着：
- 零部署成本：直接打开 HTML 文件即可使用
- 数据本地化：所有处理都在浏览器中完成，不经过任何服务器
- 易于二次开发：开发者可以轻松修改主题、添加新功能
- 跨平台：Windows、macOS、Linux、移动端浏览器均可使用
如果你有 Node.js 环境，还可以通过简单的 HTTP 服务器运行：
bash
npx serve .
七、总结与推荐
isjiamu/gzh-design-skill 是一个小而美的工具，它精准地解决了公众号排版中的一个常见痛点。6 套主题 + 主题生成器 + 双关卡校验的组合，让它在同类项目中脱颖而出。对于经常在公众号发布技术文章的作者来说，这几乎是一个必备工具。
如果你厌倦了手动调整公众号排版，或者对现有工具不够满意，不妨试试这个项目。它开源、免费、可定制，而且用起来真的很顺手。