个人博客图片的解决方案
时间:2022-07-24
本文章向大家介绍个人博客图片的解决方案,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
每当我们看到一个没有图片的文章,总会在下面亲切的问候道“无图言屌”。所以博客的图片存放也是一个值得讨论的问题。因为本站使用的是hugo,自然编辑文章的时候也不会有现代化的直接上传功能。所以我目前的流程是:
- 准备要用到的图片
- 处理、压缩图片
- 将该文件放到Git上面并且push到github、gitee [https://github.com/yumusb/blog_img]
- 使用jsd加速gihub上的该文件,或者直接使用gitee中的该文件。
以我2020年所用到的图片来看,大致如下:
├── 01
│ ├── 01.jpg
├── 02
│ ├── 01.png
│ └── 01.webp
├── 04
│ └── 01.gif
├── 05
│ ├── 01.png
├── 06
│ ├── 1.png
└── 07
└── 9.png
6 directories, 37 files
有少许的繁琐。所以我又写了一个可以一键操作此流程的小工具。https://github.com/yumusb/autoPicCdn
。
个人觉得有以下优点:
- 免费 相比于放于OSS或者其他存储方案,白嫖更爽
- 访问速度快 jsdelivr有国内的节点、Gitee存储访问节点就在国内
- 数据得以备份
- 方便 直接在线上传,也提供api配合其他上传工具使用
当然也有一些局限性:
- 隐私性, 由于是放到公开的git仓库,所以注定没有隐私权。
- 文件大小 Github的访问在国内并不理想,需要走jsdelivr的CDN,有每个分支50MB的限制。Gitee有每个文件1M的限制,如果大于1M则需要访客登录才能查看。
- 可能存在滥用 存放图片并不是 Gitee、Github的初衷。
考虑到有部分同学可能懒于搭建,我也做了一个在线版本。可以通过github登录,然后设置自己的token信息,就可以愉快的使用了。
- 【干货】如何写代码 -编程内功心法
- .NET中的异步编程下
- 深度学习数学基础一--最小二乘法
- 【LeetCode 344】关关的刷题日记26 Reverse String
- 基于AOE网的关键路径的求解
- 【LeetCode 122】关关刷题日记25-Best Time to Buy and Sell Stock II
- 【干货】python正则表达式应用笔记
- .NET跨平台之旅:将示例站点从 ASP.NET 5 RC1 升级至 ASP.NET Core 1.0
- .NET跨平台之旅:在Linux上以本地机器码(native)运行ASP.NET Core站点
- 【干货】基于pytorch的CNN、LSTM神经网络模型调参小结
- jenkins配置.net mvc网站
- 简述【聚类算法】
- word2vec理论与实践
- GMP大法教你重新做人(从入门到实战)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Maven项目中常用jar包的坐标以及用法(个人总结)
- MyCat------基于java语言的数据库中间件
- Solr技术(附软件分享)
- VSFTPD技术
- Shiro——基于java的安全框架
- 电子圆二色谱(ECD)的理论计算
- 用 80 行 Javascript 代码构建自己的语音助手
- 手把手教你搭建分布式项目环境
- GraphQL两年实战避坑经验
- 基于Dubbo的服务提供者与消费者的发布(在虚拟机中)以及使用nginx对项目进行负载均衡优化
- 我们为什么不使用CSS框架
- java.lang.IllegalArgumentException: node to traverse cannot be null!
- Spring Data Jpa 异常:PropertyReferenceException: No property xxx found for type for type yyy
- Spring全家桶之SpringData——SpringData Redis(附相关jar包)
- Spring全家桶之SpringBoot——初级阶段