微信公众号样式工具

一个简单易用的微信公众号文章样式编辑器，支持多种橙色系样式，包含图片边框转换功能。

✨ 主要功能

📝 文本样式编辑

• 4种橙色系样式：橙色经典、橙色渐变、橙色简约、橙色商务
• 支持2级标题：使用 Markdown 格式 # 和 ##
• 实时预览：所见即所得的样式效果
• 一键复制：生成带内联样式的HTML，可直接粘贴到微信公众号编辑器

🖼️ 图片样式转换

• 边框装饰：为图片添加对应的橙色系边框
• 圆角处理：自动添加圆角效果
• 立体阴影：增加立体感和层次
• 白色内边框：精致的多层边框设计
• 高清下载：支持高分辨率图片输出

🚀 使用方法

1. 文本编辑：在左侧输入框按 Markdown 格式输入内容
2. 选择样式：从4种橙色系样式中选择喜欢的风格
3. 预览效果：点击"刷新预览"查看样式效果
4. 复制使用：点击"复制全文"，然后粘贴到微信公众号编辑器

图片处理

1. 点击"图片转换"按钮
2. 上传或拖拽图片到指定区域
3. 选择边框样式
4. 预览效果并下载

📱 特色亮点

• 响应式设计：完美适配桌面和移动设备
• 现代化界面：清爽的橙色系设计
• 高质量输出：支持高分辨率图片和完美的样式复制
• 用户友好：简单直观的操作流程
• 免费开源：完全免费，代码开源

🛠️ 技术栈

• 前端：HTML5 + CSS3 + Vanilla JavaScript
• 图片处理：Canvas API
• 样式：CSS Grid + Flexbox
• 兼容性：支持现代浏览器

📄 支持格式

# 一级标题
## 二级标题
普通段落文字

🎨 样式预览

1. 橙色经典：温暖橙色渐变 + 方形装饰
2. 橙色渐变：动态渐变效果 + 圆角装饰
3. 橙色简约：柔和金橙色 + 圆形装饰
4. 橙色商务：深橙红色 + 方形装饰

🌐 在线使用

访问：https://nutllwhy.github.io/wechat-style-tool

📦 本地运行

git clone https://github.com/nutllwhy/wechat-style-tool.git
cd wechat-style-tool
# 直接用浏览器打开 index.html 即可

🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个工具！

📄 许可证

MIT License - 详见 LICENSE 文件

🙏 致谢

感谢所有使用和反馈的用户，让这个工具变得更好！

---

如果这个工具对您有帮助，请给个 ⭐ Star 支持一下！