Markdown 拓展-免费图床/网盘方案

简介: 前言最近时常在 gitee.io 上写一些 markdown 格式的文章,所以亟需获取免费的图床服务。要求是最好还能自定义文件名。

前言



最近时常在 gitee.io 上写一些 markdown 格式的文章,所以亟需获取免费的图床服务。要求是最好还能自定义文件名。


【排除】自己的服务器放置图床



服务器到期后迁出太麻烦, 不考虑。


【排除】使用阿里云, 腾讯云等其他品牌的云存储



对象存储是一种存储海量文件的分布式存储服务,用户可通过网络随时存储和查看数据。


用法:新建存储桶,需要把存储桶的访问权限设置为公有读私有写。

服务虽好, 付费就不考虑。


【排除】七牛图床



存储服务创建完成后,需要配置一个融合 CDN 域名,融合CDN域名简单来说就是指资源对象的外链域名,七牛云提供了融合 CDN 的测试域名,官方提示为:七牛融合 CDN 测试域名,每个域名每日限总流量 10GB,每个测试域名自创建起 30 个自然日后系统会自动回收,仅供测试使用并且不支持 Https 访问。


七牛测试域名 1 个月失效的问题(网友提供的解决方法)


七牛提供的测试域名1个月就失效了,通常是够用的 。 如果失效了,也不用担心,找到原始的 markdown 文件,用下面的命令对文件做个替换即可(new.bkt.clouddn域名需要按照实际进行替换)。


sed -i "s#//.*bkt.clouddn#//new.bkt.clouddn#g" file.md


注: 且目前七牛不再提供测试域名了, 只能挥手告别。


【其他方案】又拍云存储空间+流量



又拍云图床提供了每月 10GB 免费存储空间 + 15GB 免费 CDN 流量(HTTP/HTTPS 均可用)


要求: 需要在申请的网站 / 应用底部添加又拍云 LOGO 及链接,然后填写申请表进行申请。一般而言在提交审核后几个工作日就会完成审核并发放资源。这里注意不能篇数太少。


(最终方案一)尝试使用 gitee 图床


oschina 旗下的码云在国内比较靠谱,速度也能接受。


https://gitee.com/kaiLee/html-nav/blob/master/snipaste.png
将 blob 改为 raw 则是图片的原始地址了:
![图1](https://gitee.com/kaiLee/html-nav/raw/master/snipaste.png)


(最终方案二)使用 Github Page + jsdelivr 的搭配



github 服务器在国外, 直接访问肯定太慢. 知道看到了 PicGo, jsdelivr, github 的三剑客组合。


教程:-----请参考这里的视频教程-----


放在 Github 的资源在国内加载速度比较慢,因此需要使用 CDN 加速来优化网站打开速度,jsDelivr + Github 便是免费且好用的 CDN.

CDN 的全称是 Content Delivery Network,即内容分发网络。CDN 是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。——百度百科


图片地址示例:


https://cdn.jsdelivr.net/gh/acc8226/JsDelivrCDN/img/20191117180214.jpg


PicGo 配置说明


  • 设定仓库名:按照【用户名 / 图床仓库名】的格式填写


  • 设定分支名:【master】


  • 设定Token:粘贴之前生成的【Token】


  • 指定存储路径:填写想要储存的路径,如【images/】,这样就会在仓库下创建一个名为 images 的文件夹,图片将会储存在此文件夹中


  • 设定自定义域名:它的的作用是,在图片上传后,PicGo 会按照【自定义域名+上传的图片名】的方式生成访问链接,放到粘贴板上,因为我们要使用jsDelivr加速访问,所以可以设置为【https://cdn.jsdelivr.net/gh/用户名/图床仓库名 】
    jsDelivr参考格式: The URL structure is /gh/user/repo@version/file.js


PicGo 的自定义配置


image.png


对于追求效率的键盘党而言,你还可以使用键盘快捷键 CTRL+SHIFT+P (Win / Linux) 或者 Command+SHIFT+P (macOS) 来快速上传剪贴板里的 (第一张) 图片。


PicGo 问题总结


由于 PicGo release  包总是下载不下来的问题。


目前找到比较好的方式是用 Free Download Manager 直接下载 http://github.com 开头的原链接, 可以自动跳转并多线程下载. 如果中途中断, 可在右键菜单里选择"更改 URL"然后之间点确定就会重新跳转新的临时下载地址并续传。


(最终方案三)不使用任何图床


了解自己为啥使用图床,就是一种外部链接而已。方便对方在有网络的环境下完整展示用到的图片。


如果是对外暴露展示自己的本机项目或者部署到自己的网站,完全可以使用相对路径。这样就不使用任何图床。


用法:使用 ./xxx.png,而不是xxx.png这种写法。因为不加点这种写法目前在 vue press 中会 404。加点写法的兼容性好咯。


相关资源


Github 官网


https://github.com/


jsdelivr 官网


https://www.jsdelivr.com/


PigGo 下载


https://github.com/Molunerfinn/PicGo/releases


参考


活动作品关于博客的最稳定的图床方案


https://www.bilibili.com/video/av65336062?

from=search&seid=4753922999762898690


目前最稳定的免费图床方案 - 301技术-HuanHao


https://301technology.cn/2019/08/03/picgojsdelivrgithub/


Github+jsDelivr+PicGo 打造稳定快速、高效免费图床


https://blog.csdn.net/qq_36759224/article/details/98058240


PicGo - 免费开源的图片上传与管理工具 (Markdown写作贴图 / 跨平台图床应用)


https://www.iplaysoft.com/picgo.html







目录
相关文章
|
Python
Markdown 拓展-Docsify 主题美化
docsify-themeable - A delightfully simple theme system for docsify.js https://jhildenbiddle.github.io/docsify-themeable/#/
1148 0
Markdown 拓展 - 对数学公式的支持
MathJax 和 LaTeX 数学公式 支持 MathJax 是一款运行在浏览器中的开源数学符号渲染引擎,使用MathJax可以方便的在浏览器中显示数学公式,不需要使用图片。目前,MathJax可以解析 Latex、MathML 和 ASCIIMathML 的标记语言。MathJax 项目于 2009 年开始,发起人有 American Mathematical Society, Design Science等,还有众多的支持者,个人感觉MathJax会成为今后数学符号渲染引擎中的主流,也许现在已经是了。本文接下来会讲述 MathJax 的基础用法,但不涉及MathJax 的安装及配置。
312 0
Markdown 拓展 - 对数学公式的支持
|
前端开发
Typora使用(包含Markdown使用及注意说明、修改css样式、自动上传图床)
Typora使用(包含Markdown使用及注意说明、修改css样式、自动上传图床)
Typora使用(包含Markdown使用及注意说明、修改css样式、自动上传图床)
|
XML 前端开发 JavaScript
Markdown 拓展-Docsify 构建接口文档
优点:使用 markdown 编写,docsify 作为支撑。快速高效,若搭载搜索功能,功能较为完善。且可部署在内网环境。 缺点:不支持直接点击按钮进行 HTTP 请求,需要手动粘贴参数到 POSTMAN 等工具。 Docsify 初始化 & 运行
129 0
Markdown 拓展-Docsify 构建接口文档
|
存储 程序员 数据安全/隐私保护
【干货】给大家推荐一个好用的图床网站(极简图床+七牛云打造markdown利器)
【干货】给大家推荐一个好用的图床网站(极简图床+七牛云打造markdown利器)
886 0
【干货】给大家推荐一个好用的图床网站(极简图床+七牛云打造markdown利器)
|
缓存 JavaScript 开发工具
Markdown 拓展-Hexo 搭建博客(上)
前言 一直想搭建个人网站, 当我了解到 hexo 是一款快速、简洁且高效的博客框架,我就迫不及待想尝试下。
108 0
Markdown 拓展-Hexo 搭建博客(下)
自定义配置 其实就是一个迁移过程,将配置和文章这两块内容记住修改点,然后迁移到新项目即可。 _config.yml title: Blogs of acc8226 description: a personal website of acc8226 author: acc8226 ## 中文简体 zh-CN, 可以选择更改为en language: zh-CN timezone: Asia/Shanghai # 其中 :category 取目录,post_title 则去取文章中的title permalink: :category/:post_title/ ## updated_op
175 0
|
缓存 资源调度 JavaScript
Markdown 拓展-使用 vue.press 生成网站
介绍 VuePress V2 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。
195 0
|
JavaScript 前端开发
Markdown 拓展-Docsify / 博客园加特效
文字特效 <script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("❤学习","❤奥利给","❤干就完事","❤一giao我里giaogiao"); var $i = $("<span></span>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x =
105 0
|
数据可视化 开发工具 uml
Markdown 拓展:Gitlab/Github 开启 UML 图支持
为什么需要它 一些可视化工具再给我们带来直观性的同时,也增加了操作的难度,需要精细地调整组件的大小和样式,更多的时候,我们不是为了写一份漂亮的报告而画流程图,只是需要便捷地向他人分享自己的 idea,在这样的需求下,代码生成流程图显然更适合。
739 0

热门文章

最新文章