从Obsidian到公众号：一键发布工作流

从Obsidian到公众号：一键发布工作流

很多人用Obsidian写文章，但发布到公众号时遇到麻烦：

• • Markdown格式复制过去全乱了
• • 要重新排版，调字体、加颜色
• • 图片要一张张手动上传
• • 每次发布花1小时在排版上

写作用了2小时，排版又用了1小时。

今天分享我的一键发布工作流，让你在Obsidian写完，5分钟内发布到公众号。

一、问题出在哪里？

先搞清楚为什么Obsidian的内容不能直接复制到公众号。

问题1：格式不兼容

Obsidian用Markdown语法：

Markdown

## 这是标题
**这是加粗**
- 这是列表

但公众号编辑器不认识Markdown，复制过去就是纯文本。

问题2：图片不能直接用

Obsidian里的图片是本地路径或相对路径。

公众号需要上传到它的服务器才能用。

问题3：排版要求不同

公众号文章需要：

• • 特定的字号和行间距
• • 统一的配色
• • 适合手机阅读的排版

Obsidian默认样式太素了。

二、解决方案概述

我的工作流分三步：

text

Obsidian写作 → 格式转换 → 发布到公众号
                   ↓
            核心是这一步

格式转换有几种方案：

下面详细介绍每种方案。

三、方案A：Markdown编辑器直接复制

适合：偶尔发一篇，要求不高

工具：Typora

Typora可以实时渲染Markdown，复制渲染后的内容到公众号。

操作步骤：

1. 1. 在Obsidian写完文章
2. 2. 用Typora打开这个md文件
3. 3. 全选（Cmd+A）→ 复制（Cmd+C）
4. 4. 粘贴到公众号编辑器

优点：

• • 简单直接
• • 基本格式能保留

缺点：

• • 排版比较素
• • 没有自定义样式
• • 图片还是要手动处理

四、方案B：在线转换工具

适合：经常发文章，想要好看的排版

推荐工具

工具1：Mdnice（墨滴）

网址：mdnice.com

这是我最推荐的工具，专门为公众号优化。

操作步骤：

1. 1. 打开Mdnice网站
2. 2. 把Obsidian的文章内容粘贴进去
3. 3. 选择一个喜欢的主题
4. 4. 点击"复制"
5. 5. 粘贴到公众号编辑器

优点：

• • 主题丰富，排版漂亮
• • 一键复制，保持格式
• • 免费使用

缺点：

• • 需要打开网页
• • 图片仍需单独处理

工具2：WeChat Format

网址：lab.lyric.im/wxformat

更极简的工具，适合喜欢简洁风格的人。

工具3：可能吧排版器

网址：knb.im/mp/

Jason Ng做的，排版风格很有特色。

图片处理技巧

图片不能直接复制，但有几个办法：

方法1：先上传图床

把图片上传到图床（如SM.MS、阿里云OSS），获取在线链接。

在Obsidian里用在线链接而不是本地路径。

这样转换后图片就能直接用了。

方法2：使用Picgo

Picgo可以一键上传图片到图床，自动替换链接。

配合Obsidian的Image Auto Upload插件，插入图片时自动上传。

方法3：在公众号里手动上传

如果图片不多，直接在公众号编辑器里手动上传最简单。

五、方案C：自定义CSS模板

适合：高频发文章，想要个人风格

思路

在Mdnice等工具里，可以自定义CSS样式。

设计一套属于你的排版风格，一劳永逸。

我的CSS模板分享

CSS

/* 标题样式 */
h1 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #1a73e8;
  padding-bottom: 8px;
}
h2 {
  font-size: 18px;
  font-weight: bold;
  color: #1a73e8;
  margin-top: 24px;
}
/* 正文样式 */
p {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  margin: 16px 0;
}
/* 加粗强调 */
strong {
  color: #1a73e8;
}
/* 引用样式 */
blockquote {
  border-left: 4px solid #1a73e8;
  background: #f5f7fa;
  padding: 12px 16px;
  margin: 16px 0;
}
/* 列表样式 */
ul, ol {
  padding-left: 24px;
}
li {
  margin: 8px 0;
  line-height: 1.6;
}
/* 代码块 */
pre {
  background: #282c34;
  color: #abb2bf;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
}
/* 行内代码 */
code {
  background: #f5f7fa;
  color: #e83e8c;
  padding: 2px 6px;
  border-radius: 4px;
}

把这段CSS添加到Mdnice的自定义主题里，就有了你的专属样式。

进阶：一键应用模板

Mdnice支持保存自定义主题。

每次写完文章，选择你的主题，一键应用。

设置方法：

1. 1. 在Mdnice右侧点击"主题CSS"
2. 2. 粘贴你的自定义CSS
3. 3. 保存为自定义主题
4. 4. 以后直接选择这个主题

六、完整工作流示范

我发一篇公众号文章的完整流程：

阶段1：写作（在Obsidian）

Markdown

# 文章标题
## 开头引入
这里是开头，吸引读者...
## 第一部分
正文内容...
### 小标题
更多内容...
## 总结
结尾内容...

写作时不用考虑排版，专注内容。

阶段2：转换（在Mdnice）

1. 1. 复制Obsidian里的文章内容
2. 2. 粘贴到Mdnice
3. 3. 选择我的自定义主题
4. 4. 预览效果，微调（如果需要）
5. 5. 点击"复制到公众号"

阶段3：发布（在公众号）

1. 1. 打开公众号后台
2. 2. 新建图文
3. 3. 粘贴（Cmd+V）
4. 4. 上传封面图
5. 5. 填写摘要
6. 6. 发布

全程5分钟搞定。

七、常见问题解决

问题1：粘贴后格式丢失

原因：可能用的是纯文本粘贴

解决：使用Cmd+V（不是Cmd+Shift+V），确保是富文本粘贴

问题2：图片不显示

原因：图片是本地路径或失效链接

解决：

• • 使用图床上传图片
• • 或在公众号编辑器里手动插入

问题3：代码块样式丢失

原因：公众号对代码块支持有限

解决：在Mdnice里设置代码块样式，复制后会保留

问题4：排版在手机上看着怪

原因：字号或行间距不适合手机

解决：

• • 正文字号用15-16px
• • 行间距用1.75-2
• • 发布前用手机预览

八、进阶技巧

技巧1：建立文章模板

在Obsidian里创建公众号文章模板：

Markdown

---
title: 
date: {{date}}
status: draft
platform: 公众号
---
# {{title}}
<!-- 开头引入，100字以内 -->
---
## 一、
## 二、
## 三、
---
## 写在最后
<!-- 结尾号召行动 -->
---
**感谢阅读，欢迎点赞、在看、转发。**

每次写新文章，从模板开始。

技巧2：用Dataview跟踪发布状态

在frontmatter里记录发布状态：

YAML

---
title: 文章标题
status: published
publish_date: 2024-01-15
platform: 公众号
views: 5000
---

用Dataview可以生成发布统计：

dataview

table publish_date, platform, views
from "公众号文章"
where status = "published"
sort publish_date desc

技巧3：一鱼多吃

同一篇文章，稍作修改发布到多个平台：

一次创作，多次分发。

九、工具汇总

十、行动清单

今天就做：

• • [ ]  访问Mdnice，试用一下
• • [ ]  把最近写的一篇文章转换一下看效果

这周要做：

• • [ ]  设计你的自定义CSS样式
• • [ ]  在Obsidian创建公众号文章模板
• • [ ]  完整走一遍发布流程

养成习惯：

• • [ ]  每次发文章都用这个工作流
• • [ ]  持续优化你的CSS模板

从今天开始，让发布不再是负担。

把时间花在创作上，而不是排版上。