搭建图床

为什么要搭建图床?

直接引用文件内的图片不好吗?少量图片的时候是是没问题,图片多了就麻烦了,而且像coding pages,带上一千多张图片是会部署失败的(其实就是文件数量太多了)。另外如果写博客在博客园掘金等平台发布,总不能把图片也带上吧。这时候就需要搭建属于自己的图床了。

目前搭建图床的办法很多啦,像是七牛云、又拍云什么的(据说七牛云https流量收费,又拍云https流量免费但是好像有限制)。其实条件允许的话我是很推荐七牛云或腾讯云COS这些对象存储的,我就喜欢用代码托管平台的pages搭建图床,无它,就看上三点:免费稳定省得再去操心各个对象平台怎么用

先来说一些老套的办法

办法一:对象云存储

就是用七牛云、又拍云、腾讯云COS这些,要么氪金要么用着蓝瘦,二选一吧。

办法二:GitHub pages + jsDelivr (+ picgo)

github pages 直接设置里打开pages就行啦,至于 jsDelivr 也不是难用的东西,这个不用学

jsDelivr是可以起到cdn加速,众所周知,国内访问github慢得一批,所以这里用一下CDN加速,可以让一些图片访问更快。

使用jsDelivr仅仅修改github pages 的链接即可

即 https://cdn.jsdelivr.net/gh/你的github用户名/你的仓库名@发布的版本号/文件路径

例如:

https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@1.0/images/trhx.png

不用发布也可以,其格式为:(直接去掉@版本号)

https://cdn.jsdelivr.net/gh/你的github用户名/仓库名/md/sadasdd516516156.png

这个虽然是部署在github上,但是经过cdn加速之后显然访问速度还是很快的,有兴趣的同鞋自己琢磨吧,反正我用过之后是不想用了,为啥?访问速度是没问题了,可我上传图片呢?(我的网速慢,上传张图片网络良好等个十几秒甚至几十秒,若网络不顺畅就上传失败,这谁顶得住啊!)

所以我推荐用国内coding或者gitee搭建图床。

办法三: coding/gitee +picgo

下载个PicGo,安装

在插件设置里搜索coding或者gitee(搜索gitee会出现两个插件,下载哪个都行),安装插件需要本机安装了nodejs

安装之后左侧列表就会出现coding图床和gitee图床啦

搭建图床

在用之前先取一下token(就是这个仓库用来识别使用非git的第三方应用有没有权限提交文件到该仓库的东西),在右上角的个人设置访问令牌里新建

搭建图床

按需勾选,我就直接勾选前三个了,必须要保证token可以读写仓库,创建令牌之后会有一串字符,这个就是token,注意这个只显示一次(刷新或者退出页面就没了)保存一下这个token

搭建图床

然后在picgo填上信息,分支那里如果是要把图片放在master分支根目录,就直接写master。例如我要放在master分支的md文件夹,那么我就填master/md

搭建图床

这里对于创建团队之后改过团队名的有个坑,团队名称要改成项目域名https后边的内容一样(即下面两个划红线的内容要一样)。因为picgo上传图片自动生成的链接是

https://团队现名.coding.net/p/项目名

但你的图片链接前面的部分是

https://团队初始名.coding.net/p/项目名

搭建图床

设置好了直接把图片拖动或者剪贴板图片上传就好啦,如果有问题检测一下设置。

image-20200708201434930

上传成功之后直接粘贴就是图片链接了(windows点击打开picgo,是要在右侧点开显示隐藏图标,再鼠标右键打开详细窗口才能打开上面的页面)

PicGo设置成这样也是有道理的,因为这样的话还是需要拖动文件到picgo,然后复制粘贴链接,但是用来markdown写作其实还有更简单的操作。

请先把Typora更新到0.98之后的版本

Typora帮助-检查更新

然后在Typora的偏好设置图像设置成上传图片,填上PicGO路径

设置自动上传md内图片到图床

这样不用打开PicGo,直接把图片复制粘贴在Typora,就会自动将图片上传至图床并且改为外部链接,这样就可以直接发送md文件,不用担心在别的电脑/上传博客显示不出来啦。

(u1s1,Typora的bug也越来越多了,作为少见的几个所见即所得的markdown编辑器,Typora的强大与便捷让我觉得其他markdown编辑器真的代替不了。)

如果不需要在其他博客平台发布或者转换成html,Typora各方面都完美。如果是作为写博客的工具,可能会出现点小问题,如果出现排版混乱或者什么的推荐用vscode下载这两个插件。(之前我就遇到过用Typora写的在Typora看着完全没问题,但是hexo渲染之后却出问题了,我刚开始以为是hexo的某些插件的原因,直到发现复制粘贴在其他博客平台的markdown编辑器也会出现一样的问题,显然~是typora的锅)

image-20200708202942467

image-20200708202957889

原文链接:https://blog.csdn.net/qq_43337115/article/details/107309089?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934461816780357226309%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934461816780357226309&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-14-107309089-null-null.nonecase&utm_term=%E6%90%AD%E5%BB%BAcdn

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/7225

(0)
上一篇 2022年10月9日
下一篇 2022年10月9日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml