markdown + 七牛云,让写文更容易
常常写博文的人, 总有这样的烦恼:
* 文章格式问题,各种文本编辑器格式不统一,在一处写好的文章复制到其他编辑器中格式错乱
* 图片问题,在不同的平台的图片需要重复上传,如果多平台发布很繁琐
由于这样的问题,常常在发博文的时候需要耗费大量的时间。
所以到底该怎么快速写博文呢?在一段时间的摸索后,我终于找到了markdown + 七牛云的省心方式,而这个过程还颇不容易,故此记录分享。
##### 需要工具
* 任意一款markdown文本编辑器(我个人喜欢用印象笔记自带的,随时随地)
* 一个已经备案的域名(这里以腾讯云域名为例)
* 七牛云账号(或者其他图床)
* 一款图床上传工具(本人使用的是PigGo)
##### 摸索过程
首先域名需要备案,腾讯云现在推出了腾讯云助手小程序,可以很方便的网上备案,而且省略了幕布拍摄及备案资料填写拍照上传,更快更方便。这个过程一般需要10-45天,具体的时间看工信部审核速度。
七牛云的注册这里就不累述了,注册都不会的话那基本告别写博文了,注册完请记得务必认证,认证后有免费用量,认证成功后个人中心可以查看结果。

10G免费用量,不确定是总量还是每月,这个用量对于个人写博文来用说完全足够了。

认证之后创建对象存储,填写完成后确认创建即可。切记选择公开空间。

对象存储创建成功后,再新建融合CDN。

创建CDN的时候,注意加速域名并不是备案的那个域名,而是需要添加一定的前缀。例如我备案的域名为imyanger.com,那这里的加速域名可以是xxxx.imyanger.com。

融合CDN创建完成后,我们还需要进行CNAME解析,这里解析是在域名的服务商处,不是七牛云这里。例如我是腾讯云的域名,则需要到腾讯云控制台进行操作。不过这里需要先复制下CNAME的域名,这个在域名管理列表可以直接进行复制,也可以点击配置进行查看。

然后在域名服务(腾讯云)控制台找到域名解析,不同服务商略微不一样。
* 阿里云:在控制台页面的左侧,产品与服务栏中选择 域名
* 腾讯云:在控制台的云产品中,搜索并选择 云解析
* DNSPOD:在控制台页面左侧,选择 域名
选择需要解析的域名,点击解析。

然后在解析中新增一条解析记录,注意与七牛云中创建的融合CDN对应。

操作完成后,图床就已经搭建完成,我们可以在七牛云中进行测试。在对象存储选择上传,上传完成后可以对已经上传的图片进行预览或者在操作列选择复制外链,如果一切顺利,则可以正常预览,外链也可以在浏览器直接打开。

到这里,七牛云图床就搭建完成,但是写博文的时候,我们总不能这样一直在七牛云网站上进行上传,而且有时间我们更多的是使用截图,那么你就需要一款图床上传工具。
这里我使用的PigGo,当然其他的也可以,github上下载对应系统的PigGo安装包,[PigGo下载地址](https://github.com/Molunerfinn/PicGo/releases)。
一键傻瓜式安装,然后打开,设置图床信息即可。设置对应的参数即可,AccessKey和SecretKey即AK与SK,在七牛云的个人中心的秘钥管理中可以查看到,访问网址即加速域名。

需要注意的是,这里的存储区域并不是填写汉字,而是使用如下对应关系。

都配置完成后,即可在PigGo的上传区进行上传了。上传图片还是剪贴板都轻轻松松,完成之后剪贴板则是外链地址,选择了markdown后更是添加了markdown的语法,粘贴即用。
自此,写文环境搭建完毕,余下的就只剩下全心全意的内容输出了。
> 本文由博客一文多发平台 [OpenWrite](https://openwrite.cn) 发布!
markdown + 七牛云,让写文更容易的更多相关文章
- Laravel 简单使用七牛云服务
前言 路漫漫其修远兮,吾将上下而求索.学习 Laravel 之初觉得所有东西都很厉害的样子,现在看来就是很厉害啊!最近在写一个项目上传的模块,要上传图片到七牛云,昨天看了一下午七牛云官方的文档感觉还是 ...
- 基于七牛云对象存储,搭建一个自己专属的极简Web图床应用(手摸手的注释讲解核心部分的实现原理)
一个极简的Web图床应用,支持复制粘贴与拖拽上传图片 1.开发缘由 日常使用Vs Code编写markdown笔记与博客文章时,在文章中插入图片时发现非常不便 使用本地文件编写相对路径---没法直接复 ...
- 前端上传 base64 编码图片到七牛云存储
参考文档 如何上传base64编码图片到七牛云 调试过程 文档中分别有 java 和 html 的 demo,可以根据文档示例调试. 下面是我调试的过程,可以作为参考,特别注意的是,如果需要给文件起名 ...
- 有道云笔记配合MPic+七牛云 自制MarkDown文档图床(适用Typora)
注:从有道云笔记v6.5开始,有道云笔记会员可以使用MarkDown有道自带的图床.(但是非会员可以采用下面的七牛云图床+MarkDown方法) 0x00 前言 一直用有道云笔记,粘贴图片,做笔记没问 ...
- [label][翻译][JavaScript-Translation]七个步骤让你写出更好的JavaScript代码
7 steps to better JavaScript 原文链接: http://www.creativebloq.com/netmag/7-steps-better-javascript-5141 ...
- 七牛云图床和Markdown使用
七牛云图床和Markdown使用 1.图床是什么? 图床一般是指储存图片的服务器,有国内和国外之分.国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度.国内也分为单线空间.多线空间和cdn ...
- 解放双手,markdown文章神器,Typora+PicGo+七牛云图床实现自动上传图片
本文主要分享使用Typora作为Markdown编辑器,PicGo为上传图片工具,使用七牛云做存储来解放双手实现图片的自动化上传与管理.提高写作效率,提升逼格.用过 Markdown 的朋友一定会深深 ...
- Markdown: 用写代码的思维写文档
作者:吴香伟 发表于 2014/08/07 版权声明:可以任意转载,转载时务必以超链接形式标明文章原始出处和作者信息以及版权声明 本文不讲解Markdown的语法规则,只关注它带来的好处以及我使用的方 ...
- 使用Markdown写文档
转载于:http://blog.csdn.net/xiahouzuoxin/article/details/19752603 Markdown是一种网络书写语言,其目标是实现易读易写,且兼容HTML语 ...
随机推荐
- POJ-3660 Cow Contest( 最短路 )
题目链接:http://poj.org/problem?id=3660 Description N (1 ≤ N ≤ 100) cows, conveniently numbered 1..N, ar ...
- CodeForces 779D. String Game(二分答案)
题目链接:http://codeforces.com/problemset/problem/779/D 题意:有两个字符串一个初始串一个目标串,有t次机会删除初始串的字符问最多操作几次后刚好凑不成目标 ...
- [NOI1995]石子合并 题解
一道经典的dp题 在一个圆形操场的四周摆放N堆石子,现要将石子有次序地合并成一堆.规定每次只能选相邻的2堆合并成新的一堆,并将新的一堆的石子数,记为该次合并的得分. 试设计出1个算法,计算出将N堆石子 ...
- Netty源码分析 (四)----- ChannelPipeline
netty在服务端端口绑定和新连接建立的过程中会建立相应的channel,而与channel的动作密切相关的是pipeline这个概念,pipeline像是可以看作是一条流水线,原始的原料(字节流)进 ...
- Webpack安装配置及打包详细过程
引言 前端经过漫长的发展,涌现出了很多实践方法来处理复杂的工作流程,让开发变得更加简便,其中,模块化可以使复杂的程序细化成为各个小的文件,而webpack并不强制你使用某种模块化方案,而是通过兼容所有 ...
- ZFNet(2013)及可视化的开端
目录 写在前面 网络架构与动机 特征可视化 其他 参考 博客:blog.shinelee.me | 博客园 | CSDN 写在前面 ZFNet出自论文< Visualizing and Unde ...
- query 与 params 使用
这个是路由: { path:'/city/:city', name:'City', component:City } 下面使用query和params分别传参 quer ...
- IOS13系统升级带来的H5兼容性问题
20号新推送的IOS13给很多app厂商和RD带来了便秘的感觉,目前复现的问题如下,后续还会持续更新: 1.H5 hybrid输入框导致的页面上移,卡住不动.收起减半后,页面出现半截白屏.(IOS12 ...
- C++性能查看-宏定义输出
之前由于想统计代码中每个模块加载时长,因此写了一个模块加载时长统计类,使用起来也是超级方便,只需要定义一个宏即可 使用方式如下: 1.统计函数性能 void func() { CONSUMING_OU ...
- .netCore+Vue 搭建的简捷开发框架 (3)-- Services层实现
继续交作业: 上一篇作业中我们实现了 Repository仓储层的应用.并为我们的框架引入了EFCore 详见: .netCore+Vue 搭建的简捷开发框架 (2)--仓储层实现和EFCore 的使 ...