status
date
slug
type
summary
tags
category
password
icon
生命在于折腾
继我折腾了两天把博客主页配置得七七八八了之后,又花了一天的时间折腾了博客的图床方案。并在折腾过程中收获了一些对于笔记工作流的新感悟,就先做下记录吧。
为什么要用图床?
1.节省服务器性能和流量
对于租用云服务器搭建的网站来说,常规方法显示图片就需要将图片上传至源服务器,而用户在访问网站时再从源服务器拉取图片。在这个过程中,一方面服务器存储图片素材占用了一部分空间,另一方面用户的图片访问也会造成一部分流量消耗。
通过图床的方式将图片分开放置则能省去这部分消耗。实际上本站使用的NotionNext建站方案应该也可以看做是一个图床方案,只是将Notion作为了图床服务端。
2.易于多平台发布
如果是在本地写markdown插图,markdown留下的图片路径会是本地图片路径,一旦想要将文章上传至博客或其他平台,图片部分就得重新排版处理。而使用图床则可以一步到位,无论是从本地开始,还是云端开始写作,你插的图片因为链接的是图床url,因此在各个平台都能无缝流转。
这在需要大规模文档迁移时显得尤为重要。
3.加速图片加载
Notion毕竟是一个国际笔记软件,虽然在国内能够直连,但偶发的图片加载过慢的问题也是十分恼人。为了保证国内用户在浏览博客时能稳定地加载图片,图床也显得很有价值。
图床服务器的选择
有相当多的服务商可供选择,不过还是建议一开始就决定好要使用的图床,因为一旦开始使用的服务商和图床域名后,后面要是迁移起来会非常麻烦。
可供选择的有腾讯云COS、阿里云OSS、SM.MS、GitHub、七牛云、Imgur、又拍云等等
虽然GitHub也能作为免费图床使用,不过为了稳定方便省心我还是选择了阿里云OSS,按量计费也不会很贵。如果是一般个人博客使用的话,基本上按最低量买一次不到期是用不完的。下面就以阿里云为例介绍一下如何配置。
另外,关于本地的图床管理工具,有PicGo、PicList可供选择,不过PicList我就没有做深入了解了,主流的选择还是PicGo。
操作步骤
- 登录阿里云主站,进入“控制台”,在控制台页面点左上角菜单,找到“存储”这一栏中的“对象存储OSS”,然后按照引导把该开通的开通一下。
- 添加一个“Bucket”,按照如下进行配置
- 配置完成后,点击“资源包管理”,购买OSS资源包。个人建站选最便宜的就够用了。需要注意的是,外网流出是要额外计费的:
00:00 - 08:00(闲时):0.25 元/GB
08:00 - 24:00(忙时):0.50 元/GB
- 创建一个用户用于专门管理OSS,并获取这个用户的AccessKey ID 和 AccessKeySecret,用于管理图床。点击右上角头像选择“访问控制”和“Access管理”操作就行,详细操作可以查看下面这篇参考文章完成后续配置,此处不再赘述。
- 绑定自定义域名
如果你有已在国内备案的域名的话,可以直接将图床指向自己的自定义域名。详细操作阿里云有详细说明,此处不再赘述。(因为自己的域名没备案所以赘述不了)
如何将Typora和Notion两者配合起来优雅地写作
最终我选择的方案是:
- 本地写作 - Typora
- 云端写作 - Notion
如果是从本地开始写作的话,使用配置好图床自动上传的Typora开始写作,需要插图时直接复制或拖拽图片到Typora编辑器中,图片会自动完成上传,markdown中的图片链接也会直接使用图片的图床链接,而不是本地链接。这样,无论你的这篇markdown文档在哪里,只要有互联网,任何设备、任何人都能直接通过图床链接查看到你的插图,也就不用再专门将图片打包并设置好相对位置路径。
如果你要在多个社交平台、个人博客发布你的文章时,直接将markdown文档传入编辑器即可。比如知乎支持markdown的识别,它也会自动将图床图片下载到知乎图床服务器作为副本,甚至会直接添加图片图注,后续也不用担心知乎文章从你的图床传递文章从而消耗流量。
Typora和Notion的文章互相传输同样很方便,使用图床进行图片插入,通过markdown文档进行导入导出,格式和图片基本上都是一致的,也就不用操心图片的排版问题。
这个方案既可以满足本地方便写作的需求,又可以满足多端同步、云端同步和博客上传的功能。
Typora导入本地图片的同时,自动上传图床
Typora可以实现导入本地图片的同时,自动上传图床,并填写对应的markdown标记,十分方便,配置如下:
- 打开Typora - 文件 - 偏好设置 - 按下图配置
- 直接将图片拖拽或复制到Typora里即可完成上传,你甚至不用操心事先有没有打开PicGo软件,如果没有启动PicGo它会自动帮你启动。
- 本地书写完成后,就可以复制粘贴,或者通过文件导出导入手动同步到Notion了!
Notion导入图床图片
如果是从Notion开始写作的话,添加图片时直接将图床图片的URL链接填写到Notion里就行了。
- Author:雪阿宜
- URL:https://www.xueayi.site//article/imgbed
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Relate Posts