{"id":13901291,"url":"https://github.com/jaywcjlove/wxmp","last_synced_at":"2025-10-24T01:44:00.671Z","repository":{"id":58594498,"uuid":"52455725","full_name":"jaywcjlove/wxmp","owner":"jaywcjlove","description":"微信公众号文章 Markdown 编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。","archived":false,"fork":false,"pushed_at":"2025-08-03T14:20:26.000Z","size":41678,"stargazers_count":489,"open_issues_count":14,"forks_count":54,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-08-06T05:39:49.359Z","etag":null,"topics":["markdown","markdown-editor","web-app","weixin"],"latest_commit_sha":null,"homepage":"https://jaywcjlove.github.io/wxmp","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jaywcjlove.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"ko_fi":"jaywcjlove","buy_me_a_coffee":"jaywcjlove","custom":["https://www.paypal.me/kennyiseeyou","https://jaywcjlove.github.io/#/sponsor"]}},"created_at":"2016-02-24T16:11:39.000Z","updated_at":"2025-08-05T03:33:03.000Z","dependencies_parsed_at":"2022-09-13T02:20:37.772Z","dependency_job_id":"cf993b0d-85f7-420a-a45a-d2c3bf618fe2","html_url":"https://github.com/jaywcjlove/wxmp","commit_stats":{"total_commits":90,"total_committers":2,"mean_commits":45.0,"dds":"0.11111111111111116","last_synced_commit":"5fe5ddfa6172f732a16cbfedeab9c412d991fdc9"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/jaywcjlove/wxmp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fwxmp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fwxmp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fwxmp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fwxmp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jaywcjlove","download_url":"https://codeload.github.com/jaywcjlove/wxmp/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jaywcjlove%2Fwxmp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271416852,"owners_count":24755971,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["markdown","markdown-editor","web-app","weixin"],"created_at":"2024-08-06T21:01:08.714Z","updated_at":"2025-10-24T01:44:00.567Z","avatar_url":"https://github.com/jaywcjlove.png","language":"TypeScript","funding_links":["https://ko-fi.com/jaywcjlove","https://buymeacoffee.com/jaywcjlove","https://www.paypal.me/kennyiseeyou","https://jaywcjlove.github.io/#/sponsor"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1 align=\"center\"\u003e微信公众号 Markdown 编辑器\u003c/h1\u003e\n\u003c/div\u003e\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![CI](https://github.com/jaywcjlove/wxmp/actions/workflows/ci.yml/badge.svg)](https://github.com/jaywcjlove/wxmp/actions/workflows/ci.yml)\n[![Docker Image Version (latest by date)](https://img.shields.io/docker/v/wcjiang/wxmp?logo=docker)](https://hub.docker.com/r/wcjiang/wxmp)\n[![Docker Image Size (latest by date)](https://img.shields.io/docker/image-size/wcjiang/wxmp?logo=docker)](https://hub.docker.com/r/wcjiang/wxmp)\n[![Docker Pulls](https://img.shields.io/docker/pulls/wcjiang/wxmp?logo=docker)](https://hub.docker.com/r/wcjiang/wxmp)\n\n[![微信公众号 Markdown 编辑器](https://user-images.githubusercontent.com/1680273/188264183-a6b8cb6a-92e1-4a73-afc5-4f0234b26ed3.png)](https://jaywcjlove.github.io/wxmp)\n\n微信公众号文章 Markdown 在线编辑器，使用 markdown 语法创建一篇简介美观大方的微信公众号图文。由于发版本麻烦，和一些功能无法扩展停滞开发了，未来不再开发 Chrome 的插件(暂存在 chrome 分支)，通过 web 版本定制更丰富的功能。\n\n[![Markdown 编辑器桌面应用](https://user-images.githubusercontent.com/1680273/188407235-ead43d61-2ef8-416a-926f-396d8b824b33.png)](https://github.com/jaywcjlove/wxmp/releases)\n\n## 功能特性\n\n开发计划和一些功能介绍，有需求可以在 issue 中提，使得工具变得更加完善。下面示例用于 web 应用中效果展示。\n\n- [x] 支持 Markdown 所有基础语法\n- [x] 支持自定义 CSS 样式\n- [x] 支持主题选择 \u0026 编辑预览。\n- [x] 支持明暗两种主题预览。\n- [ ] 支持代码块主题样式选择。\n- [x] 支持色盘取色，快速替换文章整体色调\n- [x] 支持 URL 参数加载 Markdown 内容。\n- [x] 支持 URL 参数选择预览主题。\n- [x] CI 自动生成 Electron 桌面应用。\n- [ ] ~~支持全局字号大小选择。~~\n\n### 数学公式\n\n$\\\\c = \\pm\\sqrt{a^2 + b^2}$ 和 $C_L$ 数学公式行内显示\n\n```math\nL = \\frac{1}{2} \\rho v^2 S C_L\n```\n\n### 支持代码块样式\n\n下面是 `jsx` 代码块展示示例，并高亮代码，用于 web 应用中效果展示。\n\n```jsx\nfunction Demo() {\n  return \u003cdiv className=\"demo\"\u003eHello World!\u003c/div\u003e\n}\n```\n\n下面是 `css` 代码块展示示例，并高亮代码，用于 web 应用中效果展示。\n\n```css\nli {\n  font-size: 16px;\n  margin: 0;\n  line-height: 26px;\n  color: rgb(30 41 59);\n  font-family:-apple-system-font,BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB , Microsoft YaHei UI , Microsoft YaHei ,Arial,sans-serif;\n}\n```\n\n### 支持内联代码\n\n\u003e 用于 web 应用中效果展示。\n\nInline Code `{code: 0}`\n\n### 支持表格\n\n表格无法使用自定义样式，暂时没找到解决途径\n\n| Header 1 | Header 2 |\n| --- | --- |\n| Key 1 | Value 1 |\n| Key 2 | Value 2 |\n| Key 3 | Value 3 |\n\n### 支持 GFM 脚注\n\n这是一个简单的 Markdown[^1] 语法的脚注[^2]。 页面最后有一些额外的文字描述。注意这不是完整的注脚[^3]特性。\n\n[^1]: GitHub 风格的 Markdown 规范 https://github.github.com/gfm/\n[^2]: 脚注 https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/\n[^3]: 微信文章不支持锚点跳转和打开第三方 URL 超链接，所以不支持完整的注脚特性。\n\n### 支持注释\n\n```html\n\u003cruby\u003e\n  汉 \u003crt\u003eHan\u003c/rt\u003e\n\u003c/ruby\u003e\n```\n\n汉字注音效果：\n\u003cruby\u003e\n  汉 \u003crt\u003eHan\u003c/rt\u003e\n  字 \u003crt\u003ezi\u003c/rt\u003e\n  拼 \u003crt\u003epin\u003c/rt\u003e\n  音 \u003crt\u003eyin\u003c/rt\u003e\n  注 \u003crt\u003ezhu\u003c/rt\u003e\n  音 \u003crt\u003eyin\u003c/rt\u003e\n\u003c/ruby\u003e\n\n### 支持自定义样式\n\u003c!--rehype:style=color: red;--\u003e\n\n在 Markdown 中 HTML 注释也可以用在 markdown 中，利用这一特点，为一些内容自定一样式。使用 HTML 注释 `\u003c!--rehype:xxx--\u003e`\u003c!--rehype:style=color: red;background: #ff000033;--\u003e 让 Markdown 支持样式自定义。\n\n```markdown\n## 定义标题样式\n\u003c!--rehype:style=display: flex; height: 230px; align-items: center; justify-content: center; font-size: 38px;--\u003e\n\n支持对某些文字变更样式，如_文字颜色_\u003c!--rehype:style=color: red;--\u003e，文字颜色将被设置为红色(red)。\n```\n\n⚠️ 注意：这一特性可能适用于有一定 css 前端基础知识的用户，不过它也非常简单，使用 `\u003c!--rehype:style=` 开始，`--\u003e` 结束，中间包裹 css 样式，如 `color: red;` 设置文字红色。\n\n\n### 标记忽略内容\n\n此特性利用 HTML 注释在 markdown 中被忽略的特性，标记需要忽略的内容，标记开始 `\u003c!--rehype:ignore:start--\u003e`，标记结束 `\u003c!--rehype:ignore:end--\u003e`，被标记的内容在微信 Markdown 编辑器预览中不显示。在其它预览工具中展示内容，比如 GitHub 中能展示。\n\n```markdown\n# 注释忽略\n\n\u003c!--rehype:ignore:start--\u003e内容在微信 Markdown 编辑器预览中不显示。在其它预览工具中展示内容。\u003c!--rehype:ignore:end--\u003e\n```\n\n### 支持 URL 参数加载 Markdown 内容\n\n```\nhttps://\u003cURL\u003e?md=\u003cMarkdown 资源 URL\u003e\n```\n\n加载 Markdown 内容的示例 URL：\n\n```\nhttps://jaywcjlove.github.io/wxmp/#/?theme=underscore\u0026md=https://raw.githubusercontent.com/jaywcjlove/c-tutorial/master/README.md\n\nMarkdown URL 地址: https://raw.githubusercontent.com/jaywcjlove/c-tutorial/master/README.md\n```\n\n## 主题定制\n\n在目录 `website/src/themes` 中存放默认主题，在 `website/src/store/context.tsx` 中配置主题，主题使用 `css` 定义样式，不支持复杂的选择器。提供在线主题编辑器，欢迎修改并 `PR` 进仓库供大家使用。\n\n```css\n/* 1~6 标题样式定义 */\nh1 {} h2 {} h3 {} h4 {} h5 {} h6 {}\na { color: red; } /* 超链接样式定义 */\nstrong {} /* 加粗样式定义 */\ndel {} /* 删除线样式定义 */\nem {}  /* 下划线样式定义 */\nu {}   /* 下划线样式定义 */\np {}   /* 段落样式定义 */\nul {}  /* 无序列表样式定义 */\nol {}  /* 有序列表样式定义 */\nli {}  /* 列表条目样式定义 */\nblockquote {} /* 块级引用样式定义 */\ntable {}\ntd {}\nth {}\npre {}        /* 样式定义 */\n.code-highlight {} /* 代码块样式定义 */\n.code-line {}      /* 代码块行样式定义 */\n.code-spans {}     /* 代码块行样式定义 */\n\nsup {} /* GFM 脚注样式定义 */\n.footnotes-title {} /* GFM 脚注，参考标题样式定义 */\n.footnotes-list {} /* GFM 脚注，参考列表样式定义 */\n\n.image-warpper {} /* 图片父节点样式定义 */\n.image {} /* 图片样式定义 */\n\n/* 部分代码高亮样式 */\n.comment {}\n.property {}\n.function {}\n.keyword {}\n.punctuation {}\n.unit {}\n.tag {}\n.color {}\n.selector {}\n.quote {}\n.number {}\n.attr-name {}\n.attr-value {}\n```\n\n## 部署\n\n[![Docker Image Version (latest by date)](https://img.shields.io/docker/v/wcjiang/wxmp?logo=docker)](https://hub.docker.com/r/wcjiang/wxmp) [![Docker Image Size (latest by date)](https://img.shields.io/docker/image-size/wcjiang/wxmp?logo=docker)](https://hub.docker.com/r/wcjiang/wxmp) [![Docker Pulls](https://img.shields.io/docker/pulls/wcjiang/wxmp?logo=docker)](https://hub.docker.com/r/wcjiang/wxmp)\n\n轻松通过 docker 部署《微信公众号 Markdown 编辑器》网站应用。\n\n```bash\ndocker pull wcjiang/wxmp\n# Or\ndocker pull ghcr.io/jaywcjlove/wxmp:latest\n```\n\n```bash\ndocker run --name wxmp --rm -d -p 8113:3000 wcjiang/wxmp:latest\n# Or\ndocker run --name wxmp -itd -p 8113:3000 wcjiang/wxmp:latest\n# Or\ndocker run --name wxmp -itd -p 8113:3000 ghcr.io/jaywcjlove/wxmp:latest\n```\n\n在浏览器中访问以下 URL\n\n```\nhttp://localhost:96611/\n```\n\n## 贡献者\n\n一如既往，感谢我们出色的贡献者！\n\n\u003ca href=\"https://github.com/jaywcjlove/wxmp/graphs/contributors\"\u003e\n  \u003cimg src=\"https://jaywcjlove.github.io/wxmp/CONTRIBUTORS.svg\" /\u003e\n\u003c/a\u003e\n\n上图贡献者列表，由 [action-contributors](https://github.com/jaywcjlove/github-action-contributors)[^4] 自动生成贡献者图片。\n\n\n[^4]: Action Contributors https://github.com/jaywcjlove/github-action-contributors\n\n## License\n\n根据 MIT 许可证获得许可。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaywcjlove%2Fwxmp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaywcjlove%2Fwxmp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaywcjlove%2Fwxmp/lists"}