markdown--☀️写博客高清大图水印很烦恼?五分钟教你Github+PicGo实现在线免费图床(建议收藏❤️)

举报
吾日三省贾斯汀 发表于 2021/09/27 18:35:56 2021/09/27
【摘要】 @[TOC](目录) # ❤️学习背景>很多像我一样喜欢写博客分享技术给有需要的小伙伴学习,有时候想要在博文中分享一张`高清无水印的图片`给小伙伴们(**Zhuang Yi Bo B**),因此需要将图片插入到博文当中,现在的博客网站在线编辑器主要有`本地上传图片`或者通过`图片URL`这两种方式,比如`CSDN`的`markdown`,想要实现`高清无水印的图片`,一般通过`图片URL`方...

@[TOC](目录) 
# ❤️学习背景
>很多像我一样喜欢写博客分享技术给有需要的小伙伴学习,有时候想要在博文中分享一张`高清无水印的图片`给小伙伴们(**Zhuang Yi Bo B**),因此需要将图片插入到博文当中,现在的博客网站在线编辑器主要有`本地上传图片`或者通过`图片URL`这两种方式,比如`CSDN`的`markdown`,想要实现`高清无水印的图片`,一般通过`图片URL`方式,不过`本地上传图片`确实挺方便的,而且`长<300且宽<200`的图片确实是无水印的,不过`高清大图`的话就`有点无奈了~`

**本来以为`本地上传图片`应该是这样的(单纯)~**
![](https://img-blog.csdnimg.cn/img_convert/c5a3dbd6c5f8d19b088c8d29a427668f.png)
**实际`本地上传图片`后却变成这样了(高清水印)~**
![在这里插入图片描述](https://img-blog.csdnimg.cn/7f02ec818c4d452d904d3436e0982012.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1c3RpblFpbg==,size_16,color_FFFFFF,t_70)
**本文主要介绍`GitHub` + `PicGo`免费搭建`高清无水印图床`,进入正文~**

# ☀️一、配置GitHub
## 😀1.1 注册GitHub
`Sign up`注册`GitHub账号`并登陆(已注册的直接点击`Sign in`登录)
[https://github.com/](https://github.com/)
![在这里插入图片描述](https://img-blog.csdnimg.cn/44c0b6bee3954cb2ac47a39a64cece5d.png)
## 🍇1.2 创建GitHub仓库
**访问[GitHub](https://github.com/)主页,新建`Repository`仓库,用途是`存放图片~`**
![](https://img-blog.csdnimg.cn/img_convert/96a4a3fab56850de2695ffe76e732a14.png)
**编辑`Repository`仓库内容:**
![](https://img-blog.csdnimg.cn/img_convert/e261df1ee8403082d300fc56577121cc.png)
## 🍈1.3 生成GitHub令牌token
**`GitHub`右上角:
头像 -> Settings -> Developer settings -> Personal access tokens -> Generate new token**
![](https://img-blog.csdnimg.cn/img_convert/8e2452e89c560d73907c803cd2ec0306.png)
**生成的`token`先保存下来,因为只显示一次:**
![在这里插入图片描述](https://img-blog.csdnimg.cn/39515fd843c548c8b1af557130e76569.png)
**刷新就不再次显示`token`了~**![在这里插入图片描述](https://img-blog.csdnimg.cn/973209e92e88433e95f8ace789870c5d.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0p1c3RpblFpbg==,size_16,color_FFFFFF,t_70)


# 🍉二、配置PicGo
## 🍊2.1 安装PicGo

[PicGo官网介绍](https://molunerfinn.com/PicGo/)

[PicGo在GitHub上的开源下载地址](https://github.com/Molunerfinn/PicGo/releases)

**我电脑是`Windows 64`位,这里我直接下载最新版本`PicGo-Setup-2.3.0-beta.7-x64.exe`**

**双击`exe`完成安装后,打开`PicGo`~**

## 🍋2.2 配置GitHub图床
**自定义域名(用于`GitHub`加速):
https://cdn.jsdelivr.net/gh/`GitHub用户名/仓库名`**
![](https://img-blog.csdnimg.cn/img_convert/40491379952b6577c588f734ebdd5a08.png)

## 🍌2.3 PicGo上传图片
![](https://img-blog.csdnimg.cn/img_convert/9c631fc6412ec90567e79deb10d21778.png)
## 🏳️‍🌈2.4 拷贝图片URL
**将拷贝得到的`图片URL`粘贴到博客编辑器中~**
![](https://img-blog.csdnimg.cn/img_convert/cc95714d22bfda48c58ca184eb174be3.png)

# ☸(附)常用图标
爱心:❤️
太阳:☀️
微笑:😀
葡萄:🍇
蜜瓜:🍈
西瓜:🍉
橙子:🍊
柠檬:🍋
香蕉:🍌
彩虹:🏳️‍🌈
其他图标:
☸⚓☣⚠⚡☢♻♿✌✍✎✐✏♠♣♥♦☻☺☹✉☎
☏✆☁☂❄☃❈✿❀❁☘❦☕❂☥☮☯☪☤✄✂☸


**原创不易,觉得有用的小伙伴`一键三连(点赞+收藏+评论 )+关注`走起~**
![在这里插入图片描述](https://img-blog.csdnimg.cn/97fce46ef9154377832dd10c3fec1580.png)
![](https://img-blog.csdnimg.cn/img_convert/f9357ee8a0d7a6df0cc674141be95e90.png)

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。