Typora加七牛云实现实时图片自动上传

前言:

​ Typora是一款轻便简洁的Markdown编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别.重点是免费!

​ 其风格简约,功能强大,支持图片复制粘贴,再加上现在支持图片自动上传并返回url,以后在写博客就不在需要先上传到服务器在手动引用了。

1.0 申请七牛云 文件存储 并配置ssl

步骤:注册实名(略过) -->>左上角菜单选择对象存储-->>空间管理-->>新建空间-->>绑定域名(域名需要备案,七牛测试域名只有30天)-->>配置ssl(博客园等线上博客图片需要ssl才行)

  • 新建对象存储

  • 新建空间

    储存空间名称和储存区域需要记下来,后面要用到:

  • 绑定域名

    点击绑定域名,然后添加域名,然后固执CNAME去域名服务商将域名解析过来即可

  • 配置ssl

    七牛云证书是免费的,上传新证书然后申请证书,验证域名所有权 ,绑定即可

2.0 Typora设置

步骤:选择左上角文件 -->> 偏好设置-->>图像

  • 打开配置文件

    {
    "picBed": {
    "uploader": "qiniu",
    "qiniu": {
    "accessKey": "",
    "secretKey": "",
    "bucket": "", // 存储空间名
    "url": "", // 自定义域名
    "area": "", // 存储区域编号
    "options": "", // 网址后缀,比如?s1g.cn
    "path": "img/" // 自定义存储路径,比如 img/
    }
    },
    "picgoPlugins": {}
    }

2.1 Typora配置七牛云

accessKey、secretKey 找到右上角头像选择秘钥管理。

点击右上角头像,选择密匙管理:

bucket、area

bucket=储存空间名称

area=储存区域,填入存储区域的编号即可

华东z0 华北z1 华南z2 北美z3 东南亚z4

**

url

空间管理 -->>域名管理

协议+域名就是url字段的值:https://img.s1g.cn/

补充完后如下:

{
"picBed": {
"uploader": "qiniu",
"qiniu": {
"accessKey": "****************************************",
"secretKey": "****************************************",
"bucket": "lmhcprj", // 存储空间名
"url": "https://img.s1g.cn", // 自定义域名
"area": "z0", // 存储区域编号
"options": "", // 网址后缀,比如?lmhc
"path": "img/" // 自定义存储路径,比如 img/
}
},
"picgoPlugins": {}
}

2.2 测试使用

作者:泪梦红尘

原文链接:https://www.s1g.cn/tools/45.html

Typora加七牛云实现实时图片自动上传的更多相关文章

  1. 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片

    本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...

  2. PHP使用七牛云存储之图片的上传、下载、303重定向教程,CI框架实例

    网上关于七牛云存储的教程除了官网上的API文档,其他的资料太少了.研究了下API之后,现在已经能实现图片的上传和下载及上传之后的重定向. http://blog.csdn.net/cqcre/arti ...

  3. Android开发中使用七牛云存储进行图片上传下载

    Android开发中的图片存储本来就是比较耗时耗地的事情,而使用第三方的七牛云,便可以很好的解决这些后顾之忧,最近我也是在学习七牛的SDK,将使用过程在这记录下来,方便以后使用. 先说一下七牛云的存储 ...

  4. Python在七牛云平台的应用(二)图片瘦身

    (一)七牛云平台的图片瘦身功能简介:(引用自官网) 针对jpeg.png格式图片 瘦身后分辨率不变,格式不变. 肉眼画质不变. 图片体积大幅减少,节省 CDN 流量 官网给的图片压缩率很高,官网给的「 ...

  5. Typora + 七牛云图床快速配置,告别手动上传图片!

    大家好,我是zeroing,本文将介绍关于 Typora 软件如何配置七牛云图床,实现图片即插即用,可以先看一下最终效果! 可以看到图片借助 Typora 软件自动将本地存储转化为第三方图片网络链接 ...

  6. ElementUI的Upload上传,配合七牛云储存图片

    七牛云服务器的储存区域 存储区域 地域简称 上传域名 华东 z0 服务器端上传:http(s)://up.qiniup.com 华东 z0 客户端上传: http(s)://upload.qiniup ...

  7. 从七牛云迁移图片到github

    迁移理由 问题是网站的大部分图床都是用的七牛云,官网有改动,所以原测试域名都失效,所以决定进行迁移,将七牛云中的图片迁移到github仓库中. 迁移步骤 Step1:从废弃测试域名空间至可用测试域名空 ...

  8. 七牛云图床和Markdown使用

    七牛云图床和Markdown使用 1.图床是什么? 图床一般是指储存图片的服务器,有国内和国外之分.国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度.国内也分为单线空间.多线空间和cdn ...

  9. 图床神器:七牛云 + Mpic + FScapture

    概述 最近在搞Markdown的东西,遇到了一个很棘手的问题,即图片的显示:通用的图片,可以直接网上搜索,但有时候需要自己截一些图或者对下载的图片进行修改,在本地存储完全没有问题,但Markdown写 ...

随机推荐

  1. 5、修改oracle的字符集

    注意:修改字符集前需要将表空间进行数据泵备份: 5.1.修改server端字符集: 1.登录到oracle实例查看字符集: [oracle@slave-node2 ~]$ echo $ORACLE_S ...

  2. 使用VS2017开发APP中使用VUE.js开发遇到打包出来的android文件 在低版本的android(4.3)中无法正常使用

    使用VS2017开发VUE的APP应用遇到的问题集合 1,  打包出来的apk文件在Android 6.0版本以上手机可以正常打开,在Android 4.3版本手机上无法打开 原因:一开始猜测是不是V ...

  3. layui 监听checkbox 、radio、switch选中改变事件

    form.on('checkbox(filter)', function(data){ console.log(data.elem); //得到checkbox原始DOM对象 console.log( ...

  4. 利用C语言判别输入数的位数并正逆序输出

    利用C语言判别用户输入数的位数并正逆序输出 #include <stdio.h> void main() {        int i, scanfNum, printfNum, temp ...

  5. 别错过了,130+个微信小程序源码 “限时分享“

    ​里面有130+款微信小程序源码和效果图,我只放了其中几款小程序的截图,具体请看下方图片 ​ ​ ​ ​ ​ ​ ​ ​ 仿网易云音乐小程序源码 链接:https://pan.baidu.com/s/ ...

  6. svn创建新分支报错:svn: E155015: Aborting commit: XXX remains in conflict

    用diea在对svn创建新分支的时候报错,错误为 svn: E155015: Aborting commit: XXX remains in conflict 百度和查阅资料后得知,此错误为分支被拉取 ...

  7. ctf实验吧逻辑问题

    ctf5.shiyanbar.com/web/5/index.php 绕开. php题,习惯先看源码,F12,结果发现了 url输入了一看 告诉了我们后台逻辑.分析一下,发现只要使得$row[&quo ...

  8. 开发必备linux命令大全-稳赚不亏

    我们的服务一般都是在linux系统运行,因此了解一些关于linux命令是必须.接下来将一一详细介绍一些常用的linux的命令 文件操作 远程登录与操作 磁盘挂载 进程管理 启动和结束 系统性能参数查看 ...

  9. Django基础-001

    一.开发模式 MVC模式: model:数据库 view:前端展示 controller:逻辑控制MTV模式 model:数据库 view:逻辑控制 template:前端展示 二.Django介绍 ...

  10. C语言:按行读TXT文件

    //搂行读取TXT #include <stdio.h> #include <stdlib.h> #include <string.h> #define MAX_L ...