七牛云配置域名以及SSL

fastadmin后台文件上传七牛云_fastadmin 文件上传-优快云博客文章中,只修改了代码,还需要在七牛云中配置域名以及ssl才能正常在线上使用

先登录七牛云,进入控制台,选择储存空间,选择对应的空间名称,选择域名管理

选择自定义源站域名,点击绑定域名,创建一个二级域名,比如主域名为www.baidu.com,那么就创建img.baidu.com,根据自己的需求来选择创建

创建之后还需要解析CNAME,我这里用的是新网

记录值填这里七牛云给的值

到这里,本地上传之后,应该是可以访问到图片的,但是放在线上会报错net::ERR_CERT_COMMON_NAME_INVALID

还需要配置ssl

然后返回七牛云控制台,选择ssl证书,没有证书的点击购买证书

购买一个免费的证书

在我的订单里面补充好资料(个人信息、公司信息,绑定域名,解析CNAME)

补充完之后返回储存空间配置HTTPS

选择对应的ssl证书就行了

### 如何在七牛云中使用 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、付费专栏及课程。

余额充值