七牛云绑定解析阿里域名,Markdown写文 配置图床

七牛云绑定解析阿里域名,Markdown写文 配置图床

前言

本篇内容主要是讲,当你购买阿里域名如何配置图床或者不想买腾讯或者阿里域名的时候,如何使用namecheap域名配合cloudflare在七牛云图床上使用,在picgo上部署,在Typora上使用,每次使用Markdown写文档 上传图片时 发到博客或者掘金等 图片还是为本地图片 需要从新上传 很麻烦。

1. Typora+PicGo+阿里云+七牛云图床

Typora:写作工具,可以类似于word或者txt文档,使用写作的语法是Markdown,优点是语法简单,体积小,格式优美,很多网站都支持,比如值得买,公众号,知乎。Typora目前下载最新版本已经开始收费,各位可以找之前的免费版安装,一样用。

**(https://link.zhihu.com/?target=https%3A//www.qiniu.com/)**使用markdown来写作最要担心的就是图片的问题,因为markdown格式本身不存储图片,只记录图片的地址,这个地址可以是电脑本地硬盘上图片的地址,也可以是存在云端的图片的地址。图床就是一种专门用来存储照片的服务,比如国内的七牛云,或者比较常用的github都可以作为图床来使用。国内一般都建议用七牛云,首先是因为每个月10G免费容量,一般用户都够了,另外发文平台都是在国内平台,哪怕你在家里折腾出能用github的网络环境,复制到国内发文平台图也会挂掉,所以七牛云是首选,除非你的需求是国外平台,可以去研究github。

**picgo:**我们把图片拖入typora中会生成一个本地地址,比如存在D盘的某个文件夹内,而Picgo这个插件可以将插入typora的图片自动上传图床,本地地址自动换为云端图片网络地址,复制文章到发文章平台的时候,平台会自动从云端下载图片到平台自己的服务器。picgo支持很多图床,其中就包括我刚才提到的七牛云与github。

2. 注册阿里云域名

进行注册阿里云,

### 如何在七牛云中使用 Markdown功能 #### 一、准备工作 为了实现 Markdown 中的图片存储并生成可直接使用的链接,需要完成以下准备事项: - 创建 **七牛云账号** 并登录管理控制台[^2]。 - 在七牛云中创建一个新的存储空间(Bucket),选择合适的存储区域[^4]。 - 如果计划长期使用,推荐绑定自定义域名并通过 SSL 认证以支持 HTTPS 协议访问[^3]。 --- #### 二、配置流程 ##### 1. 安装 PicGo 工具 PicGo 是一款轻量级工具,用于简化图片上传至云端的操作。可以通过以下方式安装: ```bash npm install -g picgo ``` 完成后运行 `picgo` 启动图形界面或命令行模式。 ##### 2. 配置 PicGo 连接七牛云 打开 PicGo 的设置页面,在插件列表中找到 “Uploader” 插件,并启用它。随后按照提示输入以下参数: - Access Key (AK): 登录七牛云账户后获取的 AK; - Secret Key (SK): 对应的 SK; - Bucket Name: 刚才创建的存储空间名称; - Domain: 绑定的自定义域名或默认测试域名[^5]。 ##### 3. 测试连接与上传 点击 PicGo 提供的测试按钮确认配置无误。如果一切正常,则可以直接拖拽本地图片到 PicGo 界面进行上传。每次上传成功后,PicGo 将自动返回对应的 Markdown 格式链接,形如: ```markdown ![image](https://your-domain.com/path/to/image.png) ``` ##### 4. 使用 Typora 或其他 Markdown 编辑器 某些 Markdown 编辑器(例如 Typora)内置了图片上传功能。可以在其偏好设置中指定外部图服务为 PicGo,从而实现在编辑过程中一键上传图片。 --- #### 三、注意事项 - 若未绑定自定义域名,默认会使用七牛云提供的临时测试域名,该域名仅限短期试用,请及时替换为正式可用的域名。 - 当前主流浏览器普遍强制执行 HTTPS 加密传输策略,因此强烈建议为所选域名申请免费 SSL 证书。 - 考虑流量成本问题,合理规划每月数据下载额度以免超出免费范围而产生额外费用。 --- ### 示例代码片段 以下是通过脚本调用 API 实现自动化上传的一个简单例子: ```javascript const qiniu = require('qiniu-js'); const key = 'example.jpg'; // 文件名 const token = 'your-upload-token'; // 获取上传凭证的方法详见官方文档 function uploadFile(filePath) { const observable = qiniu.upload( filePath, key, token, { mimeType: 'image/jpeg' } ); observable.subscribe({ next(res) { console.log(`Upload progress: ${res.total.percent}%`); }, error(err) { console.error('Error occurred:', err); }, complete(res) { console.log('Uploaded successfully!', res.key, res.hash); } }); } ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值