Typora+图床详解(小白都能学得会)

Wesley13
• 阅读 1233

1 了解工作

博客中用的笔记软件——Typora(Markdown语法)

博客中用的图床——阿里云对象存储(Object Storage Service,简称OSS)

图床平台介绍

七牛云

七牛云, 很多大佬也是推荐,注册认证后有10G永久免费空间,每月10G国内和10G国外流量,速度相当快,插件支持比较多,有免费ssl证书,但https流量收费。

注意:七牛云30天后会回收测试域名,因此你必须要绑定自己的已经备案的域名.

网易云

网易云 NOS 对象存储从三个维度进行计量收费:存储容量、流量、接口调用次数。存储容量0-50 GB是免费,下载流量在0-20 GB免费,每月前 10 万次 Put 请求免费,每月前 100 万次 Get 请求免费。

腾讯云

腾讯云COS对象存储服务,共50G免费存储空间,每月10G免费下载流量,时长6个月。

阿里云

阿里云OSS 不免费,但是个人用,费用不是特别贵。


一般写个博客动态费钱的就是流量和请求部分。这可以说是喜悦中带着淡淡悲伤,有很多人看你的博客,你会很有成就感,但随之而来还有你需要承担的访问费用。流量也有包月套餐,不过我这个博客也没有那么多的访问量,也就没有购买,用的默认的按量计费。


阿里云作为图床,保证是全中国最稳的图床工具人了。Typora+图床详解(小白都能学得会)

我估计等我敲不动代码了,阿里云也还活得好好的。所以图片安全问题根本不用考虑。唯一有点难受的地方就是要花点钱。

但是很便宜,半年才4.98元,还要啥自行车。Typora+图床详解(小白都能学得会)


2 准备工作

  1. 确保typora的版本在0.9.86及以上

    • 打开typora,选择【帮助】➡【检测更新】先升级一下版本

    • 官网下载 (下载速度较慢)

      winx64

      winx86

      mac

      linux

    • 腾讯下载点我,大家选择普通下载就可以了速度挺快的

    • 我也给大家准备了不限速云盘,点击下方下载

      winx64

      winx86

      mac

      linux

  2. 确保下载了PicGo Core (command line)

    • 选择【文件】➡【偏好设置】,然后根据图示进行操作

Typora+图床详解(小白都能学得会)

Typora+图床详解(小白都能学得会)

下载 PicGo Core (command line),过程真的很慢Typora+图床详解(小白都能学得会) (能够富强上网则会快很多)

  1. 确保下载了PicGo (app)

3 注册并配置阿里云

  1. 访问并注册账号

点我进行注册,这里我就不放图了,加油,你可以的!

  1. 下面就假设你已经完成注册并绑定实名身份
  2. 登录阿里云账号,进入对象存储OSS服务页面,直接点击折扣套餐。

Typora+图床详解(小白都能学得会)

  1. 在折扣套餐界面购买一个存储资源包。

Typora+图床详解(小白都能学得会)

  1. 创建Bucket,根据图示进行操作

Typora+图床详解(小白都能学得会)

  1. 选择【概览】➡【创建Bucket】

Typora+图床详解(小白都能学得会)

  1. 创建一个Bucket,填写名称并选择公共读。

Typora+图床详解(小白都能学得会)

Typora+图床详解(小白都能学得会)

注册至此终止Typora+图床详解(小白都能学得会)


4 配置两种PigGo

第一种:PicGo Core (command line) 【较方便,推荐使用

第二种:PicGo (app) 【需要另外下载软件


4.1 PicGo Core (command line)配置

  1. 桌面上新建一个txt文本,并复制下面内容到里面。

css

{
  "picBed": {
    "uploader": "aliyun",
    "aliyun": {
    "accessKeyId": "",
    "accessKeySecret": "",
    "bucket": "", // 存储空间名
    "area": "", // 存储区域代号
    "path": "img/", // 自定义存储路径
    "customUrl": "", // 自定义域名,注意要加 http://或者 https://
    "options": "" // 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+
    }
  },
  "picgoPlugins": {}
}

上面信息都是要通过阿里云账号获取的

  1. 首先我们来获取accessKeyIdaccessKeySecret

Typora+图床详解(小白都能学得会)

Typora+图床详解(小白都能学得会)

  1. accessKeyIdaccessKeySecret填入到文本的对应位置

Typora+图床详解(小白都能学得会)

  1. 回到之前的oss对象存储

Typora+图床详解(小白都能学得会)

  1. 点击概览,将方框中的值填入到文本的对应位置

Typora+图床详解(小白都能学得会)

  1. 这里我提供一份完整修改后的作为参考。

Typora+图床详解(小白都能学得会)

  1. 回到typora,依次 【文件】 ➡ 【偏好设置】 ➡【图像】,选择打开配置文件。

Typora+图床详解(小白都能学得会)

  1. 将之前的txt文本的里面的信息,复制粘贴到配置里,并ctrl+s进行保存

配置至此终止Typora+图床详解(小白都能学得会)


4.2 测试

  1. 点击【验证图片上传选项】测试,是否将图片成功上传。如果OK没问题,那就可以开启愉快地写作之旅了。

Typora+图床详解(小白都能学得会)

  1. 如果你看到下面这样的页面,**congratulation!!!**你成功了。

Typora+图床详解(小白都能学得会)

  1. 如果你看到是下面这样的页面,此时不要慌

Typora+图床详解(小白都能学得会)

我们可以先尝试拿一张图片进行测试,发现已经能够正常使用了

Typora+图床详解(小白都能学得会)

上传成功后,链接会自动转换为阿里云OSS的URL

Typora+图床详解(小白都能学得会)

测试至此完毕Typora+图床详解(小白都能学得会)


4.3 PicGo (app)配置

我认为PicGo (app) 的好处在于独立。在没有使用Typora的时候,我们也可以使用它单独上传图片。

打开软件进行配置,这些配置基本就和PicGo Core类似。

Typora+图床详解(小白都能学得会)

任意选择一个图片进行上传

Typora+图床详解(小白都能学得会)

上传后在【相册】中进行管理

Typora+图床详解(小白都能学得会)

配置至此终止Typora+图床详解(小白都能学得会)


5 解决疑惑问题

5.1 版本控制功能有必要开通吗

Typora+图床详解(小白都能学得会)

什么是OSS对象存储的版本控制功能?

OSS版本控制功能,将OSS数据的覆盖和删除操作以历史版本的形式保存下来,防止因误删除或误覆盖导致的数据丢失。该功能本身不额外收费,只对产生的历史版本数据收取相应的存储容量费用以及相应操作产生的请求、流量等费用。

可以参考文档说明:版本控制介绍,官方文档中有详细说明。

版本控制功能收费吗?如何收费?

阿里云OSS版本控制功能,本身功能是不收费的。只是开通版本控制功能后,会产生相应的历史数据版本,而历史数据版本是占用存储空间的,所以,版本控制功能只对产生的历史版本数据收取相应的存储容量费用以及相应操作产生的请求、流量等费用。

费用说明可以参考官方文档的OSS收费标准:OSS计费方式详解 - 阿里云

OSS有必要开通版本控制功能吗?

版本控制是用来防止用户误操作导致数据丢失的,建议用户根据实际情况选择,如果数据比较重要建议开通。

**注意:**未开启版本控制功能,数据删除或被覆盖后将无法找回。


5.2 图片上传如何自动添加水印

关于如何加水印,官方文档比我说的清楚多了,也不难理解(比计费好理解),道友们移步图片水印Typora+图床详解(小白都能学得会)


6 小结一下

我写作的流程:

第一种:

  1. 先在typora中写好markdown文章
  2. 可能有些图片已经上传,有些没有上传,没有关系,最后我会点击【格式】➡【图像】 ➡【上传所有本地图片】
  3. 偏好设置如下图

万万小心: 图片名称一定不要相同,它会进行覆盖

Typora+图床详解(小白都能学得会)

第二种:

  1. 先在typora中写好markdown文章
  2. 对于图片我建议先保存在电脑中,然后一个一个地进行插入,它会自动自传
  3. 偏好设置如下图

万万小心: 图片名称一定不要相同,它会进行覆盖

Typora+图床详解(小白都能学得会)

踩坑记录:

  1. 不能上传文件名有重复的图片
  2. 流量越多,费用越多

Typora+PicGo+阿里云搭建图床终于讲完了。Typora+图床详解(小白都能学得会)

如果有一天大家看不见图了,那说明我已经支付不起这费用了Typora+图床详解(小白都能学得会)

无论你从事什么行业,只要做好两件事就够了:一个是你的专业、一个是你的人品。专业决定了你的存在,人品决定了你的人脉;剩下的就是坚持 !

作者:小帅同学

出处:http://www.cnblogs.com/keitsi/

欢迎关注公众号 【码农开花】一起学习成长 我会一直分享Java干货,也会分享免费的学习资料课程和面试宝典 回复:【计算机】【设计模式】【面试】有惊喜哦

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Kent_Sun Kent_Sun
3年前
typora配置图床[阿里云]
typora配置图床阿里云|Failedtofetch解决typora配置图床阿里云txt1)下载最新版typora;2)偏好设置图像下载PicGo客户端如图一3)打开下好的picGo图床设置阿里云如图二4)打开阿里云控制台阿里云购买os
Stella981 Stella981
2年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Wesley13 Wesley13
2年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
2年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
2年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这