• 首页
  • 最新文章
  • 摄影写真
  • 文章归档
  • 服务状态
推荐阅读 / 零碎笔记

图床搭建

xiazhi · 6月8日 · 2024年本文共1356个字 · 预计阅读5分钟728次已读

前言

对于文章的数量增加,相应的图片也越来越多。然而,如何高效、安全地管理和展示这些图片资源成为每位内容创作者面临的重要课题。这正是图床搭建的意义所在——构建一个专属的在线图片存储与分发系统,提供一个中心化的位置来存储大量图片,便于管理和分享。

准备工作

  • 注册账号:首先,如果你还没有阿里云账号,需要前往 阿里云 官网 https://aliyun.com/ 注册一个账号。
  • 实名认证:完成账号注册后,进行实名认证,这是使用阿里云服务的前提
  • 创建OSS Bucket:

  • 1.登录阿里云控制台:登录阿里云控制台:使用你的账号登录 阿里云
  • 2.访问OSS管理界面:在产品列表中找到“对象存储OSS”,点击进入。
  • 3.创建Bucket:点击“创建Bucket”,输入Bucket名称(全球唯一)、选择所在的区域、存储类型(标准、低频访问、归档等),然后点击“创建”。注意,Bucket名称需全局唯一且符合命名规范。
  • 设置权限

    为了使图片能够被公网访问,你需要调整Bucket的读权限:

  • 1. 在Bucket列表中,找到刚创建的Bucket,点击进入详情页。
  • 2. 转到“权限管理”或“Bucket Policy”设置。
  • 3. 添加一个策略,允许匿名用户读取Bucket内的文件。示例策略如下:
    • 修改配置文件 json
     {
       "Version": "1",
           "Statement": [
             {
               "Effect": "Allow",
               "Principal": "*",
             "Action": [
                 "oss:GetObject"
              ],
               "Resource": [
                 "acs:oss:*:*:${your_bucket_name}/*"
               ]
             }
           ]
                  }
      记得将${your_bucket_name}替换为你的Bucket名称。
    

    上传图片

    有多种方式可以上传图片到OSS:

  • 1.控制台上传:直接在OSS控制台的Bucket详情页面点击“上传文件”,选择本地图片上传。
  • 2.使用OSS SDK:你可以根据你的开发语言选择相应的OSS SDK进行编程上传。例如,使用Python的SDK可以这样操作:
    • Python
    
    
    阿里云主账号AccessKey拥有所有API的访问权限,风险很高。强烈建议您创建并 使用RAM账号进行API访问或日常运维, 请登录 https://ram.console.aliyun.com 创建RAM账号。
    your_access_key_id = '填写您的AccessKeyId' your_access_key_secret = '填写您的AccessKeySecret' your_bucket_name = '您的存储空间名称' object_key = '您要上传的文件对象键' local_file_path = '本地文件路径'

    获取图片URL

    上传成功后,每个文件都会有一个唯一的URL,可以通过这个URL访问图片。在OSS控制台可以直接查看文件详情获取URL,或者通过以下格式构造URL:
    https://.oss-cn-hangzhou.aliyuncs.com/

    图床应用

    将上述URL应用到你的博客、网站或社交媒体等需要展示图片的地方。每次上传新图片后,只需复制对应的URL即可。

    通过以上步骤,你就成功搭建了一个基于阿里云OSS的图床,可以高效、安全地管理和分发你的图片资源了。

    完结

    Enjoy it !

    1
    相关文章

    摄影写真上传流程

    4月12日 · 2024年

    在WordPress博客上发表文章

    4月12日 · 2024年

    React Native 编译原理

    4月9日 · 2024年

    世界,您好!

    10月2日 · 2023年
    0 条回应
    取消 确定

    取消回复

    Theme niRvana By michaelliunsky