Jamey's Jamey's
首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于

Jamey

首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于
  • 程序员的macOS

    • macOS 系列之精选 Mac App
    • macOS 系列之 Mac 开发环境配置
    • macOS 系列之远程工具 Windows
    • macOS 系列之 iTerm2 + Zsh
    • macOS 系列之个人图床
      • 一. 前言
      • 二. 图床打造
      • 三. 更好的选择
    • macOS 系列之高效 Alfred 进阶
  • 软件推荐

  • 《Mac》笔记
  • 程序员的macOS
Jamey
2022-01-08
目录

macOS 系列之个人图床

# macOS 系列之个人图床 GitHub + jsDelivr + TinyPNG + PicGo 打造稳定快速、高效免费图床

# 一. 前言

Q:为什么要使用图床呢?什么是图床?

A:写博客文章时,图片的上传和存放是一个问题,有的朋友可能会把图片放到和博客同一个仓库当中,使用相对路径来引用,这样后期维护起来会比较麻烦。 还有的朋友会在不同的平台发布同一篇文章,这样一来每个平台都要上传图片,为了解决这些问题,比较推荐的做法是把图片统一上传到一个在线的第三方静态资源库中,我们把这个资源库称为图床, 其返回一个图片的URL,使用 markdown + 图片url 的方式写作文章,一次编写,到处使用~

Q:图床的选择

A:推荐使用GitHub作为图床,特点是免费、稳定,有一个小缺点是国内访问速度慢,不过没关系,可以使用 jsDelivr 免费CDN加速。

Q:jsDelivr是什么?

A:jsDelivr 是国外的一家优秀的公共 CDN 服务提供商,该平台是首个「打通中国大陆与海外的免费CDN服务」,无须担心中国防火墙问题而影响使用。官网: http://www.jsdelivr.com/ (opens new window)

# 二. 图床打造

  1. 新建GitHub仓库,注意仓库要设置成公开
  2. 参照 官方文档 (opens new window)生成一个token密钥
  3. 在 这里下载 PicGo (opens new window),安装完成后打开,图床设置 选 GitHub图床,并填写相应的信息
    • 仓库名:前面新建的仓库,格式:<用户名>/<仓库名>
    • 分支名:填写主分支 master 即可
    • Token:前面第2步生成的 token 密钥
    • 存储路径:按你自己的需求填写
    • 自定义域名:图片上传后,PicGo 会按照 自定义域名 + 上传的图片名 的方式生成访问链接,此处我们填写 jsDelivr 的CDN加速地址,格式:https://cdn.staticaly.com/gh/<用户名>/<仓库名>

PicGo_01

  1. 使用 https://tinify.cn/ (opens new window)压缩你要上传的图片(如图片已经很小或你有更好的压缩工具可省略这一步)
  2. 在 PigGo 的 上传区 上传你的图片,到 相册 一键复制刚刚上传的图片URL,至此,你就可以在你的文章当中愉快的插入图片啦~, 更多功能自己去探索吧~~

PicGo_02

# 三. 更好的选择

更好的选择... 以上内容是比较旧的,现在我发现一个更好用,配置更方便的图床工具: https://picx.xpoet.cn/ (opens new window) 使用方法看一下他网站的使用教程就行。 撒由那拉~~

#程序员的macOS系列
上次更新: 2022/06/08, 11:05:22
macOS 系列之 iTerm2 + Zsh
macOS 系列之高效 Alfred 进阶

← macOS 系列之 iTerm2 + Zsh macOS 系列之高效 Alfred 进阶→

Theme by Vdoing | Copyright © 2017-2023 Jamey | blog 闽ICP备19022664号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式