编者按:

一套顺畅的图床工作流,是内容创作的提效利器。

我们关注到七牛云开发者“手工川”通过将七牛云对象存储 Kodo 与 PicGo、Obsidian 进行结合,为开发者打造了一套现代化的写作工作流,能有效提升 Markdown 写作中的图片处理体验。我们现将内容分享给大家,希望对开发者和内容创作者都能够有一些启发。

 

● 你是否也经历过这样的创作“内耗”?为了在不同平台发布,一篇文章里的几十张配图,需要反复上传 N 遍;

● 每次截图、保存、打开图床网页、上传、复制链接、再粘贴回文章... 这个过程机械又繁琐,瞬间打断了涌动的文思;

● 文章写得越多,图片散落在各个角落,难以管理,想找回某张图如同大海捞针;

● 依赖的在线笔记平台突然改变规则或无法访问,多年的心血积累可能毁于一旦。

这些看似微不足道的“小事”,正在无声地吞噬着我们最宝贵的创作精力。今天,我就把我们团队一直在用的这套“内容武器库”完整地分享给你。

这套工作流以强大的知识管理工具 Obsidian 为写作基地,以开源的图床神器 PicGO 为自动化枢纽,以稳定可靠的 七牛云 对象存储为云端仓库。它将彻底解决内容创作中最核心的图片处理难题,让你体验到“粘贴即发布”的丝滑快感,真正实现“一次编写,处处运行”的终极自由。

准备好了吗?让我们一起搭建属于你自己的高效“内容工厂”。

告别创作“内耗”,我们为什么需要一套现代化的写作流?

在深入技术细节之前,我想先聊聊我们为什么要去“折腾”这样一套看起来有点复杂的流程,而不是继续用那些现成的笔记软件或在线编辑器。

答案很简单:为了拿回内容的“掌控权”,并享受效率的“复利”。

传统的写作平台,本质上是一个个“数据孤岛”。你的文字和图片都被锁在它们的私有格式和服务器里。而我们即将构建的这套工作流,其核心理念源自开发者世界里久经考验的 “纯文本 + 自动化”哲学。

● Markdown (纯文本): 它让你专注于内容本身,而不是排版。更重要的是,.md 文件是开放的、永恒的。无论十年、二十年后,任何一个简单的文本编辑器都能打开它,你的思想得以永存。

● Obsidian (你的本地大脑): 它将所有笔记以 .md 文件的形式存在你自己的电脑上,让你对数据有 100% 的掌控权。

● PicGO + 七牛云 (自动化图床): 这套组合拳将图片处理彻底自动化。只需粘贴,图片便会自动上传至云端并替换为永久链接。这个过程为你节省下的每一秒钟,都将累积成巨大的创作势能。

什么是 Markdown?Markdown 是一种轻量级标记语言,让你用非常简单的符号来标记文本格式,比如用 ##表示二级标题,用 文字 表示加粗。因为它易读易写,已经成为程序员、写作者圈子里的通用语言。

从现在开始,请将你的内容创作视为一项严肃的工程。我们要构建的不是一个临时的写作工具,而是一座能够持续产出、不断迭代、完全属于你自己的“内容工厂”。

 

第一站:搭建你的云端“图片仓库”——七牛云 Kodo

我们的“内容工厂”需要一个坚固的仓库来存放图片,这个仓库就是“对象存储服务”。国内的阿里云 OSS、腾讯云 COS 和我们这次选的七牛云 Kodo 都是很好的选择。七牛云对新用户非常友好,提供了免费的存储和流量额度,非常适合个人创作者上手。

对象存储 (Object Storage)你可以把它简单理解成一个“无限容量的云端硬盘”。它不像你的电脑硬盘那样有文件夹层级,而是把每个文件(比如一张图片)当作一个独立的对象来存储,每个对象都有一个独一无二的网址。这种方式特别适合存放海量的图片、视频等文件,而且访问速度很快,成本也低。

下面,我们就一步步把这个“仓库”建起来。

存储空间配置

首先,你需要注册并登录七牛云[1],完成实名认证。之后,进入“对象存储 Kodo”的管理控制台。

七牛云的对象存储叫 Kodo(看来 born for coder 啊 哈哈哈哈):

按照指引,我们点击“新建空间”:

在这里,你需要填几个关键信息:

● 存储空间名称:一个全局唯一的名字,别人没用过的,比如 shougongchuan-assets

● 存储区域:选离你读者近的,国内用户就选华东、华北、华南。

● 访问控制:一定要选“公开空间”,这样我们上传的图片才能被别人看到。

整体来看,海内外都是包括的,尤其是最热门的华东华北华南,以及新加坡美国等,基本 cover 90%的用户群体了。

自定义域名

空间建好后,七牛云会给你一个临时的测试域名,但这个域名一个月后就会失效。所以,绑定一个自己的域名是必须的!这不仅看起来更专业,更重要的是,未来就算你不用七牛云了,换到别家,只需改一下域名解析,你所有文章里的图片链接依然有效。

在空间的“域名管理”里,点击“绑定域名”。

我们建议优先使用已备案的国内域名下的二级域名,比如 cdn.yourdomain.com

点击确认后,七牛云会给你一个 CNAME 值,让你去你的域名服务商那里做个解析。

你需要登录你的域名注册商(比如阿里云、腾讯云),在 DNS 解析后台,添加一条 CNAME 记录。

我们这个域名是在阿里云,进入云解析 DNS 配置页面:

配置完成后,回到七牛云点验证,一般几分钟就好了。

或者过几分钟后手动刷新:

怎么知道有没有生效呢?可以用阿里云的网络拨测工具查一下,如果全国各地都指向七牛云了,那就没问题。

一个惨痛的教训但其实出了个小意外,我复制 CNAME 时漏了个前缀,导致始终不奏效,阿里云的网络拨测工具只管杀(解析 DNS 背后的值)不管埋(不管这个值有效不有效),折腾了近一个小时,各种怀疑是七牛云的问题,最后问 GPT 时在输入框里才发现是自己的问题。

我回顾了一下,应该是我先创建了一个 cs-magic.cn 的加速域名,并复制了其 CNAME,后面意识到应该设置二级域名,所以又新建了一个 cdn.cs-magic.cn,但误以为是同一个 CNAME,就拿之前的值复制到阿里云 DNS 配置台了。大家配置的时候千万要仔细!

域名管理里有不少配置项,个人比较关心的是访问控制和图片优化功能。

我之前也是用了很久的阿里云 OSS 才知道还可以通过修改图片链接结尾的一些参数控制图片的处理的,七牛云也支持,真好。

source: https://help.aliyun.com/zh/oss/user-guide/img-parameters/?spm=a2c4g.11186623.help-menu-31815.d_0_11_2_1.42a2575a2ZbWHm

顺便聊聊“太空算力”?说到这个云端图片处理,不知道大家有没有了解最近的 太空算力[2] 的概念,和这种云服务图片自动处理的思想是一样的,非常有意思。

未来用户在手机端发送需求,在太空的服务端算完答案直接就呈现到用户的手机端,连 App 都不需要了,用户端只要定义 Renderer 即可……

测试存储空间

接下来测试好不好用。我们选一张本地文件上传试试。

先在前端测试上传,没问题:

上传成功后,注意:在右上角复制外链时,一定要把默认的测试域名,切换成你自己的域名!

现在,在浏览器里打开 http://cdn.cs-magic.cn/lovpen-手环.png (请替换成你的链接) 试试,如果能看到图片,那恭喜你,你的“云端仓库”正式竣工!

 

第二站:装上“自动传送带”——配置 PicGO 连接云端

有了仓库,我们还需要一个全自动的传送带,把图片从我们的写作“车间”(Obsidian)送到仓库里。这个传送带就是 PicGO。它是一个开源免费的图床上传工具,能帮你把图片自动上传到包括七牛云在内的各种云存储。

获取七牛云密钥

为了让 PicGO 能操作你的七牛云仓库,我们需要给它一把“钥匙”,也就是 API 密钥 (AK/SK)。

直接访问 七牛云访问管理[3] 或者点击头像选择 访问管理

然后新建一个用户,新手的话直接授权全部权限,然后就可以拿到 AK 和 SK 了!拿到后一定保存好,SK 只会显示一次。

配置七牛云

从 PicGO 官网[4] 下载并安装客户端。打开后,进入“图床设置”,选择“七牛云”。

然后把我们准备好的信息填进去:

● 

AccessKey 和 SecretKey: 就是我们上一步拿到的 AK 和 SK。

● 存储空间名: 你在七牛云创建的空间名字。

● 访问网址: 填写你绑定的自定义域名,记得带上 http://https://

● 存储区域: 和你创建空间时选的区域要对应,比如华东是 z0,华北 z1,华南 z2

● 指定存储路径: 可选。可以填个 img/ 之类的,图片就会被传到这个文件夹里,方便管理。

配置完,点一下“设为默认图床”。

测试与 debug PicGO

来,试试我们的传送带。在 PicGO 首页,随便拖一张图片进去。

如果成功了,在“相册”里就能看到这张图,链接也是我们自己的域名。

如果不成功,别慌。打开 PicGO 的设置,找到日志选项,点击日志文件,就可以看到错误信息。99% 的问题都是配置填错了,对着日志的提示检查一遍就好。

PicGO 的日志系统还是很不错的,常见的问题比如说授权啊、账号欠费啊等等什么的基本都能在日志里窥见一二,然后自行去云厂商 check 即可。

正常 log vs 有问题的 log


PicGO 的稳定性有多离谱?我刚刚查了一下 PicGO 的 star history,稳定的离谱,这究竟是怎么做到如此波澜不惊的 🤔。。。。。

source: https://www.star-history.com/#Molunerfinn/PicGo&type=date&legend=top-left

 

终点站:终极合体!在 Obsidian 里实现“粘贴即上传”

现在,我们来到了这套工作流最核心的一步:把我们的写作神器 Obsidian 和自动传送带 PicGO 无缝对接起来。

我平常都是在 Obsidian 里管理自己的知识库,它是一个基于本地 Markdown 文件的编辑器,默认粘贴图片是存在本地的。

source: https://obsidian.md/

为了能将我们的 markdown 文件分享给别人使用,就需要把本地的图片文件上传到云端。我的解决方案是使用 image-auto-upload 插件。

在 obsidian 里按 cmd+, 打开设置面板,去“第三方插件”的市场里搜索 image-auto-upload,安装并启用它。

它的配置很清爽,启用插件,并配置好 PicGO 的服务地址即可。你需要先确保 PicGO 客户端在后台运行,并开启了 Server 功能(默认端口是 36677)。

现在,见证奇迹的时刻到了:

1.  你在任何地方截图或复制一张图片。

2.  回到 Obsidian 的笔记里,按下 Cmd + V 粘贴。

3.  你会看到一个 [uploading...] 的提示一闪而过。

4.  几秒内,这个提示就会自动被替换成一张以你自己的域名开头的图片链接!

整个流程全自动完成,你的图片已经永久地存放在了七牛云。这篇 Markdown 文档,无论你发到哪里,图片都能完美显示。

最终整个 markdown 文件就可以直接分享给别人看到有图片的效果了。

比如在 Markdown Preview[5] 这类在线预览网站,或者在我们即将发布的 Lovpen 插件内:

以及我们 AI Native 的轻量笔记软件 Lovmind(正在内测,欢迎申请):

Lovmind Design