微信公众号:大黄奔跑
关注我,可了解更多有趣的面试相关问题。

文章目录

  • 写在之前
  • 1. 新建一个仓库
  • 2. 获取token
  • 3. 安装picgo
  • 4. 配置picgo
    • 1. 配置图床
    • 2. 防止图片重名
  • 5. **使用jsDelivr进行加速**
  • 6. Typora
    • 如何使用呢?
  • 7. 写在最后

写在之前

之前写文章,我都是利用 markdown 进行编辑,再用别的博客网站,比如 csdn 作为图床。也可以白嫖,不过总是有一些被清理的风险和操作麻烦, csdn 可能将一些图片给清理了,上传一个图片需要首先将图片上传到网站,获取url,然后再粘贴到我常用的写作软件—Typora,步骤比较多,特别容易打断写作思路。

因此今天趁着自己搭建图床的机会,给大家分享一种可以免费搭建图床的方式。

1. 新建一个仓库

当然首先需要注册一个 github 账户,这个网上有很多教程,不再赘述。

为了不干扰别的仓库,我这里新建了一个仓库,名字随便去了。

简单加上仓库名和描述

2. 获取token

关于什么是 token ,此处不做过多展开。

简单可以理解为开锁的钥匙,类似于我告诉你 wifi 密码,你下次连接我的 wifi 时输入该密码即可连接。

如何获取 Token 呢?

个人中心——Settings——Developer settings——Personal access tokens——

点击确定,然后就可以看见自己的 token 了。

3. 安装picgo

如何将图片上传到github上去呢?

picgo 下载地址如下:

https://github.com/Molunerfinn/PicGo/releases/tag/v2.2.2

windows 用户可以直接下载 .exe文件,mac 用户下载 dmg 文件即可。

当然mac用户可以直接用如下命令按照homebrew进行安装(我自己安装失败了,各位可以自己探索一下下载方式)

brew install picgo --cask

如果是通过 github 下载 release 包时,可能下载安装包的时候会下载超级慢,毕竟人家服务器在大洋彼岸呢,给大家看一下我的下载速度。

对,没错,1857B/s,你真的没有看错,B/s,不是K/s。

当然,我找到了破解指导,可以利用如下网站进行加速,下载速度杠杠的。

https://d.serctl.com/

可以免费加速,缺点是相同地址1天内只能被下载1次,但是毕竟免费的,要求不能太高了。

4. 配置picgo

下载安装完成之后,界面大概如下,界面的颜值还算在线。

1. 配置图床

下面我们就要进行图床配置了,简单说说各个配置含义

  1. 设定仓库名:这里的格式为用户名/仓库名
  2. 设定分支名:这里写入分支名称,一般直接用maser即可。**这里一定要填写 main 哦,现在 github 默认不用 master 作为主分支了。 **
  3. 设定 Token :将刚刚创建的 token 填入。
  4. 指定存储路径:自定义创建,GitHub 会跟着自动生成该文件夹
  5. 设定自定义域名:这个域名是为了后边自动生成图片地址拼接而用的,官方默认格式如下:https://raw.githubusercontent.com/用户名/仓库名/master
https://raw.githubusercontent.com/dahuang/personPic/main

点击确认即可

2. 防止图片重名

5. 使用jsDelivr进行加速

首先说说为什么需要加速,之前如果你经历过下载,就会发现github访问速度真的超级慢,你肯定也不会想用一个加载超级慢的图床吧。

这时候就用到了 jsDelivr 进行加速,亲测这种方式速度完全可以达到我们写普通文档和博客的需求,十分的顺滑。

这种方式很简单,只需要设置自定义域名时,设置成如下即可。

https://cdn.jsdelivr.net/gh/用户名/仓库名@分支名
https://cdn.jsdelivr.net/gh/user/repo@version/file

到这里,一个免费还算好用的图床搭建完成了。

6. Typora

配合 markdown 编辑神器,typora 进行快速图片上传,让你感受写作的乐趣。

Typora 中,左上角 Typora=》偏好设置=》image

如何使用呢?

比如粘贴图片,然后右击上传即可。

然后我们就可以在仓库中看见自己上传的图片了。

7. 写在最后

白嫖固然爽,但是由于 github 服务器在国外,尽管利用上了cdn加速,上传的速度着实有点感人,上传一张图片差不多得 1~2s。感兴趣的同学可以用国内的服务器搭建一个图床,比如阿里云,七牛等。

利用github+picgo+Typora搭建一个好用的markdown图床相关推荐

  1. 技术人如何利用 github+Jekyll ,搭建一个独立免费的技术博客

    上次有人留言说,技术博客是程序员的标配,但据我所知绝大部分技术同学到现在仍然没有自己的技术博客.原因有很多,有的是懒的写,有的是怕写不好,还有的是一直想憋个大招,幻想做到完美再发出来,结果一直胎死腹中 ...

  2. 如何搭建免费图床给Typora使用(PicGo + Gitee(码云)实现markdown图床)

    文章目录 背景 下载安装PicGo 建立gitee(码云)图床库 配置 PicGo 中的gitee插件 Typora配置 测试 背景 平时大家基本都作笔记的习惯,但是无奈一直找不到开源免费好用的图床, ...

  3. 群辉+picgo+typora搭建自有图床

    群辉+picgo+typora搭建自有图床 PC机安装Node.js,下载地址:https://nodejs.org/zh-cn/download/ 只要理解过程原理,不限于使用群辉做服务器,任何一个 ...

  4. github page hexo博客gitee_利用Github和hexo搭建个人免费博客

    利用Github和hexo搭建个人免费博客详细过程: 概述: 详细的介绍了利用github和hexo搭建免费的博客,内容详细,浅显易懂,容易上手,大家一起进来看看吧! 1.配置Github相关操作: ...

  5. 利用vue-cli配合vue-router搭建一个完整的spa流程

    好文章备忘录: 转自:https://segmentfault.com/a/1190000009160934?_ea=1849098 demo源码:https://github.com/1590123 ...

  6. 利用Github page快速搭建个人Blog

    利用Github page快速搭建个人Blog 文章目录 利用Github page快速搭建个人Blog 概述 搭建Github page 创建本地资源 修改模板内容 git远程部署 利用Netlif ...

  7. 使用Github+PicGo+Picx搭建免费好用的图床

    搭建图床之前,首先要有一个Github帐号 Github 1.首先,创建一个仓库 2.接下来获取一个token 路径在这里:Sign in to GitHub · GitHub 选择Generate  ...

  8. Github + Picgo + Typora 让笔记远走高飞

    Github + Picgo + Typora 让笔记远走高飞 Github设置# 登录 2.新建仓库 设置token 打开设置 然后点击,按钮生成Generate token Picgo设置# 下载 ...

  9. GitHub + jsDelivr + PicGo + Imagine 打造稳定快速、高效免费图床

    前言 为什么要使用图床呢? 因为在不同平台发布同一篇文章的时候,最一个痛苦的点就是,图片存储问题,各个平台的文件存储方式各不相同,无法直接 Ctrl C 的方式一键搞定,为了解决这个问题,使用 Mar ...

最新文章

  1. linux系统各文件夹的作用,linux系统文件夹的作用 good
  2. c++ lambda基本语法
  3. 把aspx页面输出成xml的方法注意事项
  4. android 16 登陆,那些年我们一起养过的电子鸡登陆Android平台
  5. ddmmyy日期格式是多少_解锁9个日期时间计算套路,效率提高3.2%
  6. 招商银行周伟:Fintech数据开放平台之数据库军规和内功修炼(含PPT)
  7. TensorFlow 基础
  8. Silverlight 3正式版新鲜出炉
  9. 如何使用Xilisoft Video Editor快速剪切视频
  10. 了解传销系列之三 : 开心门
  11. 联通物联卡为什么没有网络_联通物联卡的资费和优势怎样
  12. 我的世界服务器末地文件在哪,我的世界:找不到末地城怎么办?巧用2个操作,就能瞬间找到!...
  13. 北京奥运会赛事电视直播表(绝对完整)--每天就抱着电视看吧!
  14. 湿度和温度对计算机设备的影响,简述环境温度的变化对机房设备的影响
  15. 激光雷达学习笔记(一)数据采集
  16. 霍格沃兹测试开发学社技术学习笔记之——Python基础笔记
  17. Java学习---面向对象与多维数组
  18. android bitmap nv21,Android开发之虹软人脸识别活体检测SDK包Bitmap转NV21方法
  19. 软件测试实战项目,问题答疑
  20. DRAMA QUEEN_洪晃在ilook的BLOG

热门文章

  1. html做新浪头部广告,新浪刚打开页面出来的全屏广告代码
  2. citrixreceiver云桌面系统_Citrix Receiver
  3. iOS制作圆形图片头像
  4. 2021-2027全球与中国宠物托管市场现状及未来发展趋势
  5. 如何申请哔哩哔哩开发者api权限
  6. Linux---more命令学习
  7. 程序员这条路很难走,你还要坚持下去吗?
  8. 谁说知乎没有小清新?
  9. 用Python探索《红楼梦》的人物关系
  10. 烈焰mysql数据库_mysql与MongoDB区别