文章格式及工具(Markdown CSS 排版笔记)

ABSTRACT

2017-03 排版工具链笔记:用 Atom 编辑器 + markdown-preview-enhanced 插件编写 Markdown,修改 .mume/style.less 使预览样式与 MarkdownHere(Chrome 插件)的 CSS 表现一致,从而把格式良好的 Markdown 直接贴上公众号。附前端代码规范、公众号 Markdown 排版、新媒体运营工具三篇参考链接。

核心要点

  • 目标:一次编写 Markdown,多处(预览/公众号)样式统一,减少排版重复劳动。
  • 工具链:Atom 编辑器 → 安装 markdown-preview-enhanced 插件 → 修改用户目录 .mume/style.less,对齐 MarkdownHere 在 Chrome 中的渲染格式;剩余差异仅在代码块前后间距。
  • 思路本质:CSS 是排版表现的单一控制点——改一处样式,全平台输出一致。
  • 参考资源:前端代码开发规范及最佳实践(coderlmn.github.io);简书《新媒体排版高手 Markdown》(格式良好的文章直接上公众号);《新媒体运营必备工具》干货文;图文模板制作。
  • 遗留问题:CSS 语法部分未完全弄清,样式未做到 100% 一致。

关键实体与概念

  • Atom、markdown-preview-enhanced、MarkdownHere、style.less
  • Markdown → 公众号排版管线、图文模板

关联概念

来源回溯

  • 原始文件:raw/ip/wechat_articles/文章格式 及工具(css格式).md(2017-03-21)

时效性评估

  • 已过时:Atom 已于 2022 年停止开发;MarkdownHere 插件生态边缘化;.mume 路径随工具迭代失效。
  • 仍有效且已落地:核心思路”Markdown 一次编写 + CSS 统一样式 + 一键转公众号 HTML”正是本项目 scripts/mp_format.mjs 的实现逻辑——旧工具链的探索直接演化为当前管线;content_writing_workflow 概念页已记录该工具迭代关系。