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. Linux中useradd的用法

    语法:useradd [选项] 用户名 选项: -d<登陆目录> 指定新用户登陆的起始目录,默认为/home -e<有效期限> 指定用户的有效期限,格式为 YYYY-MM-DD ...

  2. JDBC:Connection.close()

    https://www.2cto.com/database/201501/369246.html Connection对象在执行close() 方法之后,并不是直接把Connection对象设置为nu ...

  3. 微信小程序支付 后台处理逻辑 (转)

    <?phpnamespace app\parent\controller; use think\Request; class Wxpay{    function wechat(){ //微信配 ...

  4. 网络编程+Python

    一.网络编程(模块:socket,from socket import *): 1. 网络层的IP地址可以唯一标识网络中的主机,传输层的"协议+端口"则可以唯一标识主机中应用程序( ...

  5. bash的RANDOM变量生成的是真正的随机数吗

    static void seedrand () { struct timeval tv; gettimeofday (&tv, NULL); sbrand (tv.tv_sec ^ tv.tv ...

  6. bugku本地包含

    重点:eval()函数有执行漏洞 函数本身作用,把字符串当成php代码计算. 所以自然想到,可以把我们的写好的php代码写入进去. 题目又暗示在本地,想到flag.php了,所以想办法把文件里面的内容 ...

  7. php微信jsapi支付 支付宝支付 两码合一

    产品开会提出了这样的需求:一个二维码可以微信支付也可以支付宝支付 经过自己的钻研以及询问技术高人(本人代码一般般)和网上搜索 最终实现其功能  我用微信jsapi 和 支付宝网页支付 其实并不怎么难: ...

  8. 使用Hugo框架搭建博客的过程 - 页面模板

    前言 最初在制作友链界面时,没有学习Hugo框架,一头雾水.网上有关的教程甚少,只能去学一遍Hugo. 在学习Hugo的过程中,了解了列表模板,分类模板.开发了几个功能页面,如:留言板,友链,记忆分类 ...

  9. Kong Admin API — 核心对象

    目录 Service API详解 1. 添加服务 2. 列出service列表 3. 查找service 按条件查找service 查找与指定route关联的service 查找与指定Plugin关联 ...

  10. python pip install matplotlib安装模块

    python pip install matplotlib安装模块,可附带安装相关的模块 程序运行提示: from . import _imaging as coreImportError: DLL ...