随着WordPress内容增多，产生了多平台分发的需求，但原生WP编辑器的兼容性差（图片、排版），导致每次跨平台发布都需频繁调整格式，耗时费力。核心痛点在于：

如何实现一次写作，多平台格式兼容与统一图片资源引用？

基于以上痛点，本文将详细介绍分层解耦式的内容生产工作流，旨在通过Markdown纯文本和公有图床实现内容的统一管理与高效分发。内容涵盖：

• 内容生产工作流介绍
• 内容资源托管层（GitHub）
• 写作层（Obsidian）
• 发布层（PicGo/COS）及WordPress同步实操。

1. 内容生产工作流介绍

工作流框架介绍

2. 内容资产托管层实操指引（GitHub）

本次实操指引主要采用GitHub

2.1 GitHub介绍

2.2 GitHub快速配置指南

第一步： 注册登录GitHub

进入官网	注册/登录GitHub

第二步： 新建仓库

进入仓库	点击新建	填写仓库信息

第三步： 下载github desktop

第四步： 打开github desktop，登录GitHub账号，克隆之前创建的仓库并和本地文件夹绑定

至此，使用GitHub Desktop克隆仓库至本地文件夹，在指定文件夹中增删改查后，实现本地文件与远程仓库的快速commit和push同步。

如需更高级的版本管理操作，可查阅Git官方文档或在AI辅助下学习相关命令。

3. 写作层实操指引（Obsidian）

3.1 Obsidian介绍

Obsidian 是一款本地优先的知识管理和笔记软件。它基于纯文本 Markdown 文件格式存储数据，利用本地文件夹结构（称为“库”）来组织笔记。

核心特性：

• Markdown 原生：** 所有笔记都是标准的 Markdown 文件，这确保了极高的可移植性和长期可用性。
• 双向链接： 允许用户在笔记间建立联系，并可视化这些关系（如通过关系图谱 View），帮助用户构建一个相互连接的知识网络。
• 高度可定制： 通过丰富的插件系统和主题，用户可以根据需求将 Obsidian 配置成强大的写作工具、知识库或项目管理系统。

3.2 Obsidian简易指引

第一步： 下载安装Obsidian

第二步： Obsidian设置

按下图设置即可，由于在写作层中咱们要遵循markdown格式，需配置以下信息

• 链接路径应选择相对路径
• 链接禁止使用WikiLink方式，否则在拖拽或粘贴时会默认为WikiLink格式
• 建议将所有的媒体文件都单独放到一个文件夹中，比如下图中的_assets。
  

第三步： 媒体链接格式确认

确保链接格式的兼容性，写作层要求严格的Markdown。

Obsidian插件LinkConverter用于批量将已有的WikiLink格式转换为Markdown格式，

（可选项）LinkConverter插件安装

进入obsidian插件市场	安装启用LinkConverter插件	插件设置(相对路径)

LinkConverter使用

右键note，可以直接进行批量替换，如下图：

tips：若文章需要被知识库引用，建议给所有的图片链接加上ALT属性，默认为唵，可以利用linkconverter先全部转为WikiLink，再全部转为markdown链接，会自动添加ALT属性。

[!NOTE]

至此，便可以用Obsidian专注于写作。

重要的事情说三遍：
写作层要极度克制，克制是平台兼容的前提，遵循标准Markdown格式。
写作层要极度克制，克制是平台兼容的前提，遵循标准Markdown格式。
写作层要极度克制，克制是平台兼容的前提，遵循标准Markdown格式。

4. 发布层实操指引

4.1 创建原稿副本

发布层的任何操作都不建议在原稿中进行。

• 建立一个文件夹，用作于发布车间
• 对原稿进行副本创建，并将副本放入发布车间文件夹中(如下图)
  

4.2 图床实操指引

4.2.1 存储服务购买及设置

作者目前使用存储服务为：腾讯COS
大致介绍
主要作用：将本地存储的媒体文件上传到云端存储服务器中，再通过公网进行图片访问。
执行步骤
第一步： 点击前往腾讯COS官网购买COS资源包

前往腾讯COS官网_优惠界面	尝试：购买一个最便宜的资源包

第二步： 进入COS管理后台

进入腾讯云控制台	搜索COS或存储服务	进入COS管理后台

第三步： 创建存储桶

不用过多在意计费环节，第一次使用时若担心计费问题，就将所有计费选项都关闭。

创建存储桶1	创建存储桶2	创建存储桶3
注意：权限选择公有读私有写	标签输入即可	确认配置信息

（可选项）第四步： 存储桶其他配置
主要是域名设置和跨域访问设置

第五步： API密钥配置-新建子账户&授权

后台搜索API密钥	建议建一个子账号	授权配置

访问方式选择编程访问，授权范围选择COSFULLACCESS

第六步：API密钥获取

选择授权的账户	新建API密钥并保存

[!NOTE]

至此，图床服务搭建完毕，用户可直接在存储桶文件列表中手动操作，也可通过API进行编程交互。如果不懂如何通过API进行访问，不着急，介绍一款应用：Picgo，该应用已将API封装，方便将媒体文件与图床服务进行交互。

4.2.2 Picgo应用介绍及设置

介绍及下载链接

• PicGo 是一款开源的、跨平台的桌面应用程序，它的核心功能是快速地将图片上传到图床（图片存储服务器）并自动获取图片的在线链接。
• 下载Picgo

它能解决什么问题？

• 传统方式插入图片的流程是: 截图 -> 保存到本地 -> 打开图床网站 -> 登录 -> 上传 -> 复制链接 -> 插入到文档。这个过程非常繁琐。
• 使用 PicGo 后，流程简化为：截图 -> [快捷键上传] -> 链接已自动复制到剪贴板 -> 直接粘贴到文档。

核心优势：

• 高效快捷：支持拖拽上传、剪贴板上传，并配合快捷键，真正做到“一步到位”。
• 多图床支持：支持包括 GitHub、SM.MS、阿里云OSS、腾讯云COS、七牛云、Imgur等在内的多种图床。
• 链接格式丰富：上传后可自动生成 URL链接、Markdown格式、HTML格式等，满足不同场景需求。
• 跨平台：支持 Windows、macOS 和 Linux。
• 插件系统：通过安装插件，可以扩展更多功能（如：图片压缩、水印、上传前重命名等）。

Picgo设置
打开picgo应用，选择腾讯云COS，进行设置，如图：

配置详情：

配置项	描述
图床配置名	随意
COS版本	到本文发布时间为V5，可以直接问智能售后
SecreId	4.2.1中获取的密钥信息
SecretKey	4.2.1中获取的密钥信息
设定存储路径	存储桶的具体某个文件夹
其他必要参数如右图

Picgo试用

[!NOTE]

至此，便可以用Picgo高效地和图床服务进行交互，记得选Markdown链接格式。

4.2.3 媒体链接公有化

在4.2.1和4.2.2中，我们不仅有了云端图床服务，也具备了和图床服务交互的能力，接下来，便是对原稿副本进行媒体链接进行处理，简单来说：

将原稿副本中的媒体文件上传到图床服务中，生成公有URL后替换，达到跨平台展示的目的。

我们使用Obsidian插件 Image Auto Upload 配合 PicGo/COS 实现。

（必须） 插件_Image Auto Upload快速指南

第一步： Obsidian安装插件Image Auto Upload

第二步： Image Auto Upload设置

照着设置即可，强烈建议将自动上传和上传后删除关闭，我们只在发布时才进行链接替换，写作时使用文件本地路径。

第三步： 在原稿副本中进行链接替换

单媒体文件上传	文档所有文档上传CTRL+P

[!NOTE]

至此，原稿副本的媒体文件链接便处理完成，你可以在Picgo中查看，也可以在图床服务中查看。

4.3 内容渲染与同步（WordPress为例）

介绍如何使用Obsidian插件： WordPress。

4.3.1 安装发布到wordpress的插件

安装插件wordpress并启用	插件设置

4.3.2 获取WordPress的密钥

登录WordPress站点后台，安装插件orange mini api
按下图所示一直往下点，获得账号和密码

4.3.3 发布操作

配置API用户信息(XML-RPC TYPE)	配置yaml信息	发布到worpress(CTRL+P)

[!NOTE]

至此，发布层的内容全部结束

5. 总结

本文提出了一种解耦式写作工作流，旨在解决多平台分发时，因平台排版和图片兼容性差异导致的格式调整繁琐、耗时长的问题。该方案的核心理念是将内容创作（写作层）与格式适配/资源公有化（发布层）彻底分离，确保内容源头的单向流动性和原子级一致性。

Blog，分层解耦式知识生产工作流最先出现在0260。

本文目的是记录WordPress的的常用设置及一些常见问题。

持续更新

一、常用设置

1.1 主题设置

序号	动作	描述	图示
1	添加Alx插件	搜索Alx Extensions，安装并启用 该插件非必须，我比较喜欢ALX主题样式
2	下载alx主题	点击外观->主题->自定义->侧边栏->alx media 下载喜欢的主题样式
3	安装主题	点击外观->主题->添加主题->上传主题(不用解压) 上传时可能会报错，提示文件太大了，会在本文的第二部分进行说明
4	启用主题	启用主题，我用的是Curveflow
5	设置主题	进入主题自定义界面 设置站点身份 设置菜单 小工具添加(这里主要是给侧边栏添加小工具，小工具可以理解成不同的显示组件)，这里我添加了alxtab 主题设置(theme option)->header，增加profile内容
6	发布	点击发布，OK完成(为了看到完整效果，建议随便写几篇文章)

每种主题的设置方式可能不一样，可以自行多试几种。

1.2 插件推荐

1.3 域名设置

通过IP访问不人性，也不利于传播，所以还需进行域名设置，由于我使用的是阿里云，我就直接通过阿里云的域名模块进行操作

步骤	描述	示意图
注册域名(付费)	注册域名流程 域名查询，看是否已被注册 域名需要易于记忆，方便传播 刚开始找便宜的试水 按照指示操作购买即可 过程中可能会涉及到信息模板，按指示一路创建，并且将其实名认证即可
域名备案	域名备案流程，若站点部署在国内的服务器上，需要ICP备案。 按照操作处理就好，不难就是费点时间
域名解析	域名备案号了后，需要进行域名解析，添加解析记录流程 进入域名列表 域名实名认证 添加域名解析记录（A类型即可）
WP-后台站点设置	进入wordpress后台->设置->常规 WordPress地址（URL）设置为http://[域名]，如：http://0to60.top 站点地址（URL）设置为http://[域名]，如：http://0to60.top
悬挂 ICP备案号	在站点底部添加ICP备案信息，通用代码，悬挂备案号说明 通用代码：<a href=”https://beian.miit.gov.cn/” target=”_blank”>您的备案号</a> 添加位置：如果主题支持，设置即可（要求需要点击跳转），如果主题不支持，需要在主题文件中，一般找到footer.php，然后在其中找到copyright的区域，在其中添加上这段代码，如果不知道怎么添加，那就将footer中的代码全复制，然后问AI，问询内容为：【footer.php代码内容】+ 这是我wordpress的footer部分，我要在其中加入一个区域，用来放ICP备案声明，通用代码是<a href=”https://beian.miit.gov.cn/” target=”_blank”>【备案号】</a>，你将获得操作方法

1.4 SSL证书部署

域名设置完成后，发现访问站点时，浏览器一直会提示不安全，影响传播，所以还需解决这个问题。

由于阿里云自带证书模块，我使用的是免费证书。

步骤	描述	示意图
获取证书	进入数字证书管理服务，登录控制台 数字证书控制台->SSL证书->个人测试证书（原SSL免费证书），点击立即购买。 回到数字证书控制台->SSL证书->个人测试证书，点击创建证书 下载证书，点击创建好的证书，进入详情页点击下载，根据服务器类型选择对应的证书进行下载。
证书部署-登录服务器实例	本着免费即正义的说法，我没有使用证书部署服务，而是自行部署。 远程登录服务器实例，如图。(要用root密码登录，免密登录会没有权限)
证书部署-上传证书	在服务器中上传证书，根据服务器类型执行即可，此处用的是nginx 向/etc/nginx/cert路径中上传下载的证书文件，一个pem、一个是key文件
证书部署-服务器配置	此处使用的是nginx 找到配置文件/etc/nginx/site-available/default 增加配置信息，注意将server_name改成自己的域名，root改成wordpress的应用目录，index改成对应的配置，一般来说不需要修改，证书目录改成自己的证书路径。 # HTTP重定向到HTTPS server { listen 80; listen [::]:80; server_name 0to60.top www.0to60.top; return 301 https://$server_name$request_uri; # 永久重定向到HTTPS } # HTTPS服务器配置 server { listen 443 ssl http2; listen [::]:443 ssl http2; server_name 0to60.top www.0to60.top; # SSL证书配置 ssl_certificate /etc/nginx/cert/0to60.top.pem; ssl_certificate_key /etc/nginx/cert/0to60.top.key; # SSL优化配置 ssl_session_timeout 1d; ssl_session_cache shared:MozSSL:10m; ssl_protocols TLSv1.2 TLSv1.3; ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256; ssl_prefer_server_ciphers off; root /var/www/html; index index.php index.html index.htm; access_log /var/log/nginx/www.access.log; error_log /var/log/nginx/www.error.log; location / { try_files $uri $uri/ /index.php?$args; } location ~ \.php$ { include snippets/fastcgi-php.conf; fastcgi_pass unix:/run/php/php8.0-fpm.sock; } location ~ /\.ht { deny all; } location = /favicon.ico { log_not_found off; access_log off; } location = /robots.txt { allow all; log_not_found off; access_log off; } location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ { expires max; log_not_found off; } }
证书部署-服务器重载	在登录的远程连接终端中，进行nginx重载 sudo systemctl reload nginx # 或者 sudo service nginx reload

二、踩坑记录

2.1 文件上传失败

2025-5-16 解决

包括图片文件和主题文件，在上传时可能会上传失败，解决方式如下：

2.1.1 上传主题文件时，第一次报错：request entity is large，解决步骤如下

序号	操作	图示
1	登录进入服务器 打开服务器实例 远程登录进入服务器
2	找到php.ini文件，linux一般在 – /etc/php/8.x/apache2/php.ini（Apache） – /etc/php/8.x/fpm/php.ini（Nginx + PHP-FPM）
3	修改参数，保存 upload_max_filesize = 64M

2.2.2 再次上传时，继续报错：413 Request Entity Too Large nginx/1.18.0 (Ubuntu)

序号	操作	图示
1	登录进入服务器（同上）
2	找到Nginx配置文件 – /etc/nginx/nginx.conf
3	增加配置信息，保存 client_max_body_size 64M; # 允许上传最大 64MB 的文件（可调整
4	重启服务，挨个执行回车，其中php8.x是指自己的版本，这里我的是8.0 Apache: sudo systemctl restart apache2 Nginx: sudo systemctl restart nginx PHP-FPM: sudo systemctl restart php8.x-fpm

毕~

2.2 SSL设置后不生效

2.3 SSL-mixed content

部署SSL证书后，发现文章中的图片资源裂开，最后是因为资源文件还是通过http访问。

Blog，WordPress常用设置及插件推荐最先出现在0260。

我不太相信成功学，但是我坚信

失败是成功ta母。

Blog，写作真经最先出现在0260。

《Hello，Blog》文章意味着我开始了博客生活，在此基础上，我需考虑2个问题：

• 文章写作怎么提高效率
• 如何提升文章的价值

一、提升文章的写作效率

为什么会有此考虑？原因是在于文章写作过程中，我发现时间成本较高。

当做一个持续的事项时，时间成本将成为首要阻碍。

所以，我在做的过程中不断的总结如何提高输出效率，如下所述：

二、提升文章的价值

如何提升文章价值这个问题，首先要回答一个问题：文章的价值是什么？

其实在《Hello，Blog》中也提到过

1. 巩固自身的学习成果。通过输出过程将一件事情搞明白，搞清楚，而不是停留在知识幻觉中（好像懂了，真正做的时候遇到盲点）。
2. 在输出过程中建立记忆索引的节点，抗遗忘，同时可以作为外挂的记忆体。
3. 让思维资产更易传播。

其中1和2是个长期持续的过程。

本次重点考虑如何提升文章的传播价值，参考AISAS模型，我将受众与文章内容分为以下阶段，理论上每个阶段都有很大的提升空间。

graph LR
    A[内容感知] --> B[产生兴趣]
    B --> C[获取内容价值]
    C --> D[内容交互]
    D --> E[内容分享]

最后

实践，是检验真理的唯一标准。

接下来，将对本文提到的待提升点(可实操落地)挨个尝试处理，可能需要一些时间。

• 网站视觉主题
• 文章目录及锚点
• 丰富文章载体形式(视频，图片，表格，流程图，数据图等)
• 分享流程体验
• 社群引导
• SEO相关

至于理论化的部分，将启动一个新领域的项目进行尝试。

Blog，写作效率&传播价值的思考最先出现在0260。

基于上一篇文章《Blog，启动》，搭建自己的博客网站，可按以下操作步骤：

1. 进入云服务器平台官网
   • 目前较多的就是阿里云或者腾讯云，这里我选择了阿里云服务器ECS，根据AI推荐，它能一键部署wordpress，适合我这种小白。
   • 操作决策时间：10分钟。
2. 购买或者白嫖云服务器
   • 初次尝试，成本控制下，100R/元以内即可，能白嫖就白嫖。
   • 操作/决策时间：20分钟。
3. 搭建部署WordPress
   • 初次尝试，既然是一键部署，应该不会太久
   • 预估时间，60分钟。
4. 写一篇文章
   • 第一篇文章，开启我的新篇章，还是稍微构思下，哈哈
   • 预估时间：60分钟。

二、操作执行

2.1 进入云服务器平台。

我选的阿里云，自然进阿里云平台页面。

2.2 购买或者白嫖云服务器。

点击以上链接，找到最便宜的一款ECS服务，我这里选择99元/年的。新用户能免费试用，也有60多的，由于我的目标是长期输出，所以选的99元的款，还是要看个人的需求。

2.3 搭建部署WordPress

比我想象的还要傻瓜，我以为是买了服务器后自己还要捣鼓一下，没想到在购买完成后，已经自动安装。

此时，我只需要登录公网IP，然后设置网站，就可以进入我的后台。

2.4. 写一篇文章

哈哈，就来一篇《hello，blog~》吧

Blog，WordPress搭建部署 & 文章输出最先出现在0260。

一、文章的作用有两个

1. 为什么要开启这个领域，本次比较特殊，放在了《Hello，Blog》中进行描述。
2. 是对抗准备陷阱，我信奉的是Learn By Doing，而开始做的最大敌人是准备。

如何避免无休止的准备，快速进入做的状态？

这儿有一个简单的方式：定义目标，拆解目标，得到可执行的任务清单。拆解到什么程度合适？时间短、可操作落地即可。

二、本次拆解思路

Blog目标：通过博客输出自己的在新领域的探索及成长历程。

最小化可执行的目标：写一篇文章《hello，blog》的文章

MVP拆解思路：

• 首先我需要有一个平台或者工具（PS：我一直想有个自己的博客网站）
  • 想搭一个自己的博客网站，需要准备些什么问下AI即可
  • 主干是将博客网站跑起来，越快越好，切忌陷入技术细节的泥潭

• 写一篇文章《hello，blog》

拆解思路后，通过AI咨询(就用国内的deepseek即可)我得到了快速落地的执行路径：

1. 找到一个云服务器平台。
   • 目前较多的就是阿里云或者腾讯云，这里我选择了阿里云。看中了一键部署wordpress，适合我这种小白。
   • 操作决策时间：10分钟。
2. 购买或者白嫖云服务器。
   • 初次尝试，成本控制下，100R/元以内即可，能白嫖就白嫖。
   • 操作/决策时间：20分钟。
3. 搭建部署。
   • 初次尝试，既然是一级部署，应该不会太久
   • 预估时间，60分钟。
4. 写一篇文章
   • 第一篇文章，开启我的新篇章，还是稍微构思下，哈哈
   • 预估时间：60分钟。

Blog，启动最先出现在0260。

一、关于为什么想写博客

在过往学习&工作生活中，常常遇到这么种情况：我觉得懂了，然后向他人解释时脑袋卡壳。

后面悟了，如果说不清楚，就是还没学明白，而博客输出是”说清楚”的一种有效手段。

• 输出过程能将散落的知识点结构化，在大脑中建立可索引的知识节点。
• 输出过程能使自己发现认知漏洞，迫使自己进行逻辑完整性检查。（PS： 评论区也将成为免费的错误检测工具，哈哈~~）

输出除了能让自己学明白、搞清楚，还有其他作用。

• 抗遗忘。输出过的信息更难遗忘，而且博客能成为外挂记忆体
• 让思维资产更易传播。在输出过程中不断提升表达能力，同时让抽象思维转化为具象载体（文字，图标或代码），我相信一篇文章的价值与其理解效率和传播效率成正相关。

二、给自己的寄语

“完成比完美更重要，让持续成为习惯~”

Hello，Blog最先出现在0260。