typora config pic save action

typora 图片存储

之前在typora里面写笔记的时候是会把图片文件复制到当前文件的同级image目录,并使用![xxx](image/xxx.png)的方式来引用。这样做的好处是可以把不同文本引用的图片源文件保存在不同的目录方便管理和迁移,但是这样有个缺点是如果需要将写完的md发布到例如知乎,掘金等其他平台的时候就需要再操作一次图片上传。发布到自己的hexo blog 也需要重新传一次(这里我使用的是不同的bucket会导致文件重复占用存储)。所以希望的是所拷即所得的方式把md在不同平台的发布方式通用化。

七牛云迁移

七牛云算是老牌的图床服务商了,第一次使用是在2015年的样子,后面hexo的blog又使用了它,并且之前提供了个性化的域名。但是之前发现自己的blog的图很多都挂了, 看了下应该是自定义域名不可用了,文件都还在。上次重新折腾了一下hexo适配了七牛云。主要需要注意的是如果是之前的文件正常都在国内的区域存储,但是自己的域名又没有备案,就没法绑定国内区域的存储。这时有两个方法,一个是给域名备案;另一个是将文件重新上传(有源文件的情况下)或者通过机房同步的方式转移到海外存储区域,例如亚太-新加坡(原东南亚)

typora 图床配置

研究了一下typora(主要是今天花了¥89)的图片上传组件,是支持Picgo这类图传应用的。而Picgo又是支持 七牛云,正好自己的hexo 也是使用七牛云作为插件,这里就可以实现上面的所拷即所得,大概的方式如下:

  • 使用 typora 进行文字编写,并使用图片自动上传的功能将图片传到 Picgo 服务,然后将链接插入md文件
  • Picgo服务将图片上传到七牛云指定的 bucket
  • 如果需要发布到其他平台只需要将源文件拷贝到指定的平台即可

Picgo 配置

Picgo 下载地址: https://github.com/Molunerfinn/picgo/releases

下载好安装就好,然后配置七牛云,主要是配置aksk,自定义的域名,以及自定义的路径。这里的路径其实是虚拟的路径的概念,因为目前的图片用的都是对象存储,所以所谓的路径只是文件的名称里面多了一个\符号而已。

image-20221210232244537

需要注意的是存储区域的设置,这里在七牛云没看到对应的说明,但是我看好像sdk的日志里面会提示,用提示的区域代码就好,类似下面这种20221210184311

配置好之后可以在typora里面选用 Picgo 作为图片上传应用,并可以测试目前服务是否正常使用。

上面说了直接上传到图床会把图片源文件都放到云服务商上面,如果服务商跑路就很危险,那么如何避免呢?这里使用了折衷的方式,就是typora对于图片的处理规则还是复制到当前目录,如果这个md文档需要在不同的地方发布的话就在发布前将文件手动点下上传。image-20221210235756564

更多关于typora中图片的操作可以参考:https://support.typora.io/Images/

值得一提的是typora还支持使用YAML front matter来指定图片存储的目录,对应的字段是typora-root-url写法可以如下:

1
2
3
4
---
typora-root-url: images
typora-copy-images-to: upload # 针对插入文件时应该执行的策略,目录地址或上传
---

YAML 可以放在文件头用来定义文件的一下 meta data,从而可以很好兼容例如 hexo 的分类及tag功能,例如:

1
2
3
4
5
6
---
title: YAML Front Matter
category: how-to
author: typora.io
tags: [YAML, metadata, tags]
---

另外,当将md文件导出成 pdf 或 epub 文件时,这些元信息也将被导出并使用.具体说明参考: https://support.typora.io/YAML/

T B
站点访问量: / , 本页阅读量:
T B