SMTP邮件发送图片-如何在github中存储图片并访问

骑猪看日落 2024-02-20 11:18 46阅读 0赞

> 之前写了一篇文章 [Go：实现SMTP邮件发送订阅功能（包含163邮箱、163企业邮箱、谷歌gmail邮箱）][Go_SMTP_163_163_gmail]，实现了通过邮箱服务来发送邮件，但都是文字内容，要是想实现邮件发送图片，就需要将图片放到公网可访问的服务器，这里用了骚操作。

![在这里插入图片描述][69f03bdc0123487da7289efcececfd93.jpeg_pic_center]

#### 目录 ####

*  需求背景
 *  需求分析
 *  确定方案
 *  操作流程
 *   *  新建public仓库
     *  编写readme.md说明需求
     *  创建文件夹
     *  上传图片到文件夹
     *  复制图片链接
     *  直接使用图片链接即可

## 需求背景 ##

*  实现邮件群发功能，来发送项目的周报及一些重大事件的更新
 *  邮件内容会包含图片等信息，也需要展示

示例如下  
![在这里插入图片描述][1f00ef17184c49f9b6c79f5c7549e09c.png]

--------------------

## 需求分析 ##

分析需求可知

1.  邮件群发功能好搞，这里就参考之前的博客，就可以实现；
2.  邮件包含的图片需要展示，其实只要能满足图片可以被公网访问即可；
3.  因为我们做的项目是开源的，邮件发送图片也不会很多，所以也无需专门为此提供一个图片存储服务；
4.  能够快速提供此功能且不花钱最好；

--------------------

## 确定方案 ##

要想图片在邮件中展示，要么是能够使用图片存储服务，要么是GitHub白嫖。那么毋庸置疑，我们选择做嫖客。

## 操作流程 ##

### 新建public仓库 ###

**1. 创建新仓库**：[Create a new repository][]  
**2. 信息填写**：参考下图填写相关信息  
**3. 确认创建**

如下图，主要是选择public公开的方式，不然别人也看不到  
![在这里插入图片描述][b279d35b7b434b34b9ddbdb383ade637.png]

### 编写readme.md说明需求 ###

readme.md文档的描述很重要，尤其是做开源项目，readme.md是一个项目的门脸，更是大家了解项目的开端

### 创建文件夹 ###

创建不同的文件夹目录，来便于后续图片资源的分类

### 上传图片到文件夹 ###

上传自己需要的图片到文件夹中，我是clone到本地之后，再进行图片上传的。这里就不截图展示了，文章最上面的AI图片可以借大家去玩着用

[水墨巾帼][Link 1]

### 复制图片链接 ###

在github上打开图片，复制地址栏上的url，得到 如：`https://github.com/项目名称/路径/***.jpeg/png`

### 直接使用图片链接即可 ###

这里我是有邮件前端代码的，所以就留了占位符，每次发送的邮件不同，直接替换图片的url即可

或者我们写博客使用markdown语法插入图片也可以

![图片描述](图片地址)

完活！

--------------------

[Go_SMTP_163_163_gmail]: https://kunzhi.blog.csdn.net/article/details/133494948
[69f03bdc0123487da7289efcececfd93.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/3c172047851442f9a7067d47cf562b0f.png
[1f00ef17184c49f9b6c79f5c7549e09c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/93b91959f3e449a29429c233e6e26085.png
[Create a new repository]: https://github.com/new
[b279d35b7b434b34b9ddbdb383ade637.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/5040b6bcdff7448cae589e059fc18ec1.png
[Link 1]: https://raw.githubusercontent.com/yzh-d/source/main/img/test/%E6%B0%B4%E5%A2%A8%E5%B7%BE%E5%B8%BC.jpeg