文章目录

  • get一个小技巧,教你如何在typora写文章上传图片到博客上
    • 目录
    • 一、前言
    • 二、尝试方法
      • 1、阿里云oss
      • 2、gitee
      • 3、metapic
      • 4、github
    • 三、总结

get一个小技巧,教你如何在typora写文章上传图片到博客上

目录

一、前言

近来尝试着写博客,但是突然发现一个问题,那就是在博客中插入本地图片,当时写作的时候还可以查看,但是等文章上传之后,在博客系统中查看到的图片如下所示

于是我在网上查询各种方法,经历了几次试验之后,终于成功的解决了这个问题。

二、尝试方法

对于这个问题,弄清楚其中的原理并不难。上传的本地图片只供在本地文档查看,当文章上传到网上之后,在网络服务器上不能访问我们的客户机。所以要先将本地图片上传到网上的服务器之中,然后再使用服务器之中的图片,就可以保证在网上查看文章的时候也能看到文章中的图片了。这其中就要用到一个工具——图床。图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。我们只需要弄懂什么是图床,以及怎么使用就行了。下面来介绍实验的四种图床工具。

首先,我们要用到picgo软件,这款软件可以直接将typora上粘贴、复制、插入的图片上传到图床上,这样就可以保证我们的图片在网络上可以被查看了。

1、阿里云oss

刚开始的注册、登录、设置都搞好了。但是下一步忽然发现,要花钱去买个阿里云服务器,虽然只是小钱,但是本着白嫖的原则,我转而开始研究其他的图床工具。

2、gitee

接下来,我又尝试用了一下gitee图床工具。又是一套注册登录手续之后,我打开了gitee界面。然后提示我创建仓库,设置开源—所有人可见,接下来再开启私人令牌,将私人令牌输入到access-token之后,再接着将https://gitee.com/api/v5/repos/{owner}/{repo}/stargazers这里的{owner}和{repo}都输入进去。

然后我确认路径和所属地址都没有错之后,还是测试不成功,我就没有浪费时间,下次再慢慢研究,然后实验了第三款图床软件。

3、metapic

第三款图床软件,只是一个应用程序加一个支撑和配置文件。所以打开软件之后,经过一番操作,很快就弄懂如何操作了。

于是研究了半天之后,终于解决了在服务器上面不能直接查看本地图片的问题。虽然我们不知道metapic图床的云服务器在哪,但是我们只需要使用它的功能就行了。

4、github

但是第三种方法适用于图片较少的文章,如果是图片较多的话,那就要一张一张的上传,复制网址打开浏览器打开图片再把图片复制下来,这就很麻烦了。于是我又研究了一款图床软件—github图床。

首先要去github网站注册一下账号,然后登录进去

点击左上角的new,创建一个新的repository

然后repository name自己设置,下面的public要勾选一下,不然别人访问不了你的仓库,就是看不到你的图片,下面勾选一下add a readme file,其他的设置都默认就行了,然后点击下面的create repository,就创建成功一个库了。

接下来点击右上角头像下的settings,进去再点击developer settings

选择Personal access tokens,然后点击Generate new token,创建一个新的令牌

然后输入一下note,创建用途用作图库,下面的repo勾选一下,然后点击Generate token,就创建一个令牌了。这个令牌要保存一下,弄丢了还得重新再创建。

然后打开picgo软件,找到图床设置里的github图床,然后把刚才的一些信息输入进去,把自定义域名也照样设置一下,这样就保证到时候在typora里面可以把图片上传上去了,然后在typora里面也可以显示出来图片了,不然不输入自定义域名的话,typora里面图片不显示出来。

三、总结

通过研究这四款图床软件的使用,在比较各自的优缺点之后,最终选择一个适合我们使用的软件,这也有助于我们了解软件的协同使用性。

get一个小技巧,教你如何在typora写文章上传图片到博客上相关推荐

  1. 有没有测试女生暗恋的软件,教你一个小技巧就可以测试女生是否喜欢你!

    原标题:教你一个小技巧就可以测试女生是否喜欢你! 有个兄弟好不容易认识一个女孩,通过不懈努力,终于把她约出来.但是在约会过程当中不知道和女孩干什么,不知道什么时候可以干什么. 看着自己喜欢的女孩坐在自 ...

  2. 自媒体创作审核不通过怎么办?教你一个小技巧,提高效率

    自媒体人是不是会遇到平台审核内容不通过的时候,遇到这个问题你是怎么解决的呢?是不是修改内容提交还是不通过?今天,教你一个小技巧,快速解决内容审核不通过的问题,提高发稿效率!很多自媒体新手不知道稿件还能 ...

  3. 如何剪辑一个好的短视频?教你一个小技巧,剪辑视频很简单

    短视频现在越来越受到大众喜欢,不管是老人.小孩.年轻人都会在有空余时间刷下短视频,不知不觉得短视频已形成人们平时生活中一部分,那么要如何剪辑一个好的短视频,制作短视频可以分成两个部分:第一部分就是选题 ...

  4. 本地修改远端 SAP UI5 框架文件的一个小技巧

    这是 Jerry 2021 年的第 64 篇文章,也是汪子熙公众号总共第 341 篇原创文章. Jerry 的前一篇文章 纪念特洛伊英雄 Sinon - SAP UI5 Mock Server 使用步 ...

  5. 5个小技巧 教你在家里如何给花儿拍“写真”

    5个小技巧 教你在家里如何给花儿拍"写真" 植物园和花展为热衷于花卉拍摄的摄影师们提供了大量拍摄机会,但为什么不自己买一些别致的花儿,直接在家里尝试拍摄带有更多现代感的照片呢? 专 ...

  6. 20个小技巧教你设计惊艳的三折页[…

    即使是一个简单的三折页,你也能大有可为.20个小技巧教,数十个精彩案例与你分享.本文来自站酷(文章版权:DATS设计翻译组 翻译,如需商业用途或转载请与 DATS设计翻译组联系,谢谢配合!)翻译:达尔 ...

  7. Oracle中删除数据的一个小技巧

    在我带的某个Project中,在开发阶段需要Reload相同的Data到Oracle中来进行测试,因此需要不断的删除数据,简单的Delete操作似乎就OK了,但其实不然.我们到知道建表的时候需要Tab ...

  8. 怎么修改服务器上的分数,教资成绩查询服务器爆了?这里有个小技巧教你!

    原标题:教资成绩查询服务器爆了?这里有个小技巧教你! 由于查询人数太多,服务器可能很卡,但我们可以采取另一种方法查到成绩,仔细看仔细学:我们不去查询成绩的页面,我们打开报名页面,点面试报名,可能会看到 ...

  9. python中template是什么意思啊_Python中Template使用的一个小技巧

    Python中Template是string中的一个类,可以将字符串的格式固定下来,重复利用. from string import Template s = Template("there ...

最新文章

  1. html5绘制小鱼,HTML5 Canvas 深海游弋的鱼群
  2. Lucene的评分(score)机制研究
  3. 被乔布斯遗忘的VR:纽约大学教授解密苹果与虚拟现实的尘封往事
  4. sysfs API总结
  5. MySql 5.6.36 64位绿色版安装
  6. canvas学习之柱状图
  7. android:gravity与android:layout_gravity
  8. mysql中grade字段降序排列_Mysql order by 多个字段排序
  9. python 字典的函数
  10. mui 点击长按复制文本
  11. 笔记本电脑蓝牙怎么用来连接耳机
  12. 生产者消费者的几种写法
  13. 工业物联网·能耗监控智慧空调接入华为云解决方案
  14. 软件设计师-知识的整理
  15. Spring security oAuth2 密码错误中英文提示问题
  16. WPF工控组态软件之温度计
  17. 打开PS出现Unable to continue because of a hardware quo
  18. ad被锁定的账户_如何在AD中方便查询被锁定的帐号状态和特定条件的查询被锁定的帐号...
  19. ArcEngine实现色带下拉框
  20. 韩国冬季庆典仁济冰鱼节将提供2300个冰洞供游客垂钓

热门文章

  1. H5:获取手机媒体设备权限,如麦克风、视频等
  2. 在ASP网页中如何设置背景图片
  3. css 背景样式设置
  4. strerror()
  5. 指针升级版!!!我在这里传授艰深道法,诸位道友可愿与我一同修行?
  6. 最新React Native 搭建本地Code Push服务(非常全!)
  7. 美国军方现今研制出一款 AI 飞机
  8. 域名解析里的A记录、MX记录、TXT记录、NS记录是什么
  9. SpringBoot 中使用 RabbitTemplate
  10. 《奈飞文化手册》笔记