如何用 Obsidian 快速完成一篇漂亮的公众号文章?

2023-06-2516:38:23办公软件与工具应用Comments3,412 views字数 1877阅读模式

前言

上一篇文章写到了我从 Notion 转到 Obsidian 的一些经验分享,也有非常高的热度。有粉丝朋友也来问我这篇文章是不是在 Obsidian 上完成的,是如何发表到公众号上的。在决定开公众号之前,我也研究了一整天如何将 Notion 写好的文章快速发布到多个平台,原来我只是在知乎发布我的文章,也积累了一些粉丝,但我并不想在排版这件事情上花费太多的精力。
目前经过一些配置和插件的使用,基本能够实现到将在 Obsidian 上写好的 Markdown 格式的文章,快速转成精美排版的公众号文章,并且发布到多平台。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

使用到的工具

Markdown 文本渲染格式网站:
Md2All:https://md2.sleele.com
多平台发布插件
文章同步助手:https://www.wechatsync.com/#install
图床管理软件
PicGo:https://picgo.github.io/PicGo-Doc/zh/guide/#picgo-is-here文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

使用教程

整体流程

配置图床(PicGo+腾讯云 COS)在 Obsidian 中安装插件 Image Auto upload Plugin(设置用 PicGo 上传)在 Obsidian 中用 Markdown 写文章将写好的文章粘贴到 Md2All将渲染后的内容粘贴到公众号编辑器发布后利用文章同步助手同步到其他平台的草稿箱在其他平台简单编辑后进行发布文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

图床配置(必选)

建议使用国内的的云服务器平台,比如腾讯云或者阿里云,付费成本低,访问速度快。在官网上配置好后将相关的 Key 粘贴到 PicGo 的设置中,再在 Image Auto upload Plugin 中启用 PicGo 上传即可。配置图床也非常有利于后期的图片管理和笔记迁移。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

如何用 Obsidian 快速完成一篇漂亮的公众号文章?

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

如何用 Obsidian 快速完成一篇漂亮的公众号文章?

Md2All

Md2All 是国人开发的一个渲染 Markdown 样式的网站,主要是利用 CSS 对内容样式进行调整。
点击一键排版→选择综合排版→保存,默认的样式已经能出来不错的效果了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

如何用 Obsidian 快速完成一篇漂亮的公众号文章?

如果你希望对样式进行进一步控制,以下是一些建议的调整:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

  • 图片去掉标题:默认显示图片标题,但是往往图片的标题都比较乱,如果你不希望显示,可以进行如下设置:display: None
figcaption/*图片描述文字*/
{
  margin-top:10px;
  text-align:center;
   /* text-align:left;  */ /*当图片水平居左时,请打开*/
  color:#999;
  font-size: 0.7em;
  display: none;
}
  • 修改行间距、字体大小:
.output_wrapper/*此属性为全局*/
{
     font-size: 15px;/*更改默认的字体大小*/
     color: #3e3e3e;
     line-height: 1.6; /*更改默认的行距*/
     word-spacing:2px; /*更改默认的词间距*/
     letter-spacing:2px;/*更改默认的字符间距*/
     font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;   
}
  • 二级标题左侧增加色块:border-left
h2 {
   font-weight: bold;
   padding-left: 12px;
   border-left: 4px rgb(93,158,82) solid;
}
  • 修改标题颜色:background(建议搜索相同的颜色批量修改)
h3 span{/*增加对h3标题字体的修改*/
  display:inline-block;
  font-weight:normal;
  background:rgb(93,158,82);
  color:#ffffff;
  padding:3px 10px 1px;
  border-top-right-radius: 3px; 
  border-top-left-radius: 3px; 
  margin-right:3px;
}

渲染完成后,点击复制将内容粘贴到公众号即可。(如有图片插入失败,手动上传下即可,因为公众号对图片大小格式有限制)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

如何用 Obsidian 快速完成一篇漂亮的公众号文章?

在公众号上发布完成后就可以一键同步到其他平台了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

如何用 Obsidian 快速完成一篇漂亮的公众号文章?

总结

本文是我之前在探索快速自动排版上的一些总结,看到有人需要就记录了下来,也希望能帮助更多人少走一些弯路。整体的流程还是有一点点复杂,但是一旦配置完成,对于后期的提效是非常有帮助的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/48237.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/office/48237.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定