PicGo+GitHub图床,让Markdown飞

一次偶然的机会让我接触到Markdown语法,随后便疯狂地爱上了这种“轻量级标记语言”。笔记、文章、技术评审文档、业务逻辑文档等等,我都想要使用Markdown去记录。几次寻觅,我找到了两款能够大部分符合我的需求的Markdown编辑器:Typora马克飞象

目前我是两款编辑器混合时候,当编写的Markdown文档需要和印象笔记对接的时候,则使用马克飞象;至于其他用途的文档就使用Typora。则两款编辑器都近乎完美但是却又不能达到完美。我写文档的时候经常需要截图,然后从剪贴板从直接黏贴放进文档,则两款编辑器虽然都能满足这种操作,但是其实现原理不过是将截图存放在本机电脑上,所以,一旦文档中有了截图,将Markdown文档的迁移到别的电脑上展示的成本就大大增加(图片也要一并复制过去)。

这是Typora对图片的解决方案

这是马克飞象中对图片的解决方案

这两款编辑器对图片处理的方法简直是丧尽天良,也是我在使用过程中唯一觉得不爽的一点。辛苦搜寻之下,终于让我找到了一种解决方案:PicGo+GitHub图床

注:实际上,Mac OS 上的Typora编辑器已经支持将本地图片或者截图先上传到服务器生成访问链接后,在存放到Markdown文档中,简单点说,Mac OS上的Typora是完美的(😭无奈我是Windows用户)

PicGo介绍

这是一款图片上传的工具,目前支持微博图床七牛图床腾讯云又拍云GitHub等图床,未来将支持更多图床。

所以解决问题的思路就是,将本地的文件,或者剪切板上面的截图发送图床,然后生成在线图片的链接,这样就可以让Markdown文档飞起来了,走到哪就可以用到哪😊。

Pic Go支持的图床

在众多的图床中,我选择的GitHub图床,其它类型的图床如果你们有兴趣的话可以试一下。

创建自己的GitHub图床

1. 创建GitHub图床之前,需要注册/登陆GitHub账号

申请GitHub账号很简单,我就不演示了

2. 创建Repository

点击"New repository"按钮

最后1234步骤执行

  • 我已经建立过一个同名的repository的,所以第一步会显示红色
  • 第三步,为repository初始化一个README.md文件可以根据需求选择,非必选

3.生成一个Token用于操作GitHub repository

回到主页,点击"Settings"按钮

进入页面后,点击"Developer settings"按钮

点击"Personal access tokens"按钮

创建新的Token

填写描述,选择"repo",然后点击"Generate token"按钮

注:创建成功后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,就要好好保存

配置PicGo

1. 下载运行PicGo

下载zip包后,解压,运行可执行文件

2. 配置图床

如图配置

  • 设定仓库名的时候,是按照“账户名/仓库名的格式填写”
  • 分支名统一填写“master”
  • 将之前的Token黏贴在这里
  • 存储的路径可以按照我这样子写,就会在repository下创建一个“img”文件夹
  • 自定义域名的作用是,在上传图片后成功后,PicGo会将“自定义域名+上传的图片名”生成的访问链接,放到剪切板上https://raw.githubusercontent.com/用户名/RepositoryName/分支名,,自定义域名需要按照这样去填写

3.快捷键及相关配置

可以按照这样配置

注:可以将快捷键设置为ctrl+shift+c

总结

将上面的步骤都设置好之后,就可以让自己的Markdown文档飞起来了,每次截图之后,都可以按一下ctrl+shift+c,这样就会将剪切板上面的截图转化为在线网络图片链接,简直就是爽的不要不要的!!

### 使用 PicGo 上传片到 GitHub 的方法 PicGo 是一款轻量级的工具,支持多种服务,其中包括 GitHub 。以下是关于如何配置并使用 PicGo片上传至 GitHub 的具体方法: #### 配置 PicGo 连接 GitHub 1. **下载并安装 PicGo** 前往 PicGo 官方网站或第三方资源下载最新版本,并完成安装。 2. **打开设置页面** 启动 PicGo 软件后,在左侧菜单栏找到【设置】选项,点击进入。 3. **选择 GitHub ** 在列表中选择【GitHub】作为目标[^4]。 4. **填写必要参数** - **仓库名**: 输入远程仓库地址,格式为 `用户名/仓库名`。例如,如果用户名为 `exampleUser`,仓库名为 `image-repo`,则应输入 `exampleUser/image-repo`。 - **分支名**: 默认情况下可填写 `main` 或 `master`,具体取决于您的 GitHub 设置。 - **Token**: 登录 GitHub 账号,前往开发者设置页生成一个新的 Personal Access Token (PAT),并将该 token 复制粘贴到这里。 - **存储路径**: 推荐在仓库根目录下新建一个子文件夹用于存放片,比如 `images/` 或者 `img/`。 - **自定义域名**(可选): 如果您有自己的 CDN 加速或者反向代理,则可以在此处指定加速后的 URL 地址;否则留空即可。 5. **测试连接** 所有字段都正确无误地填充完毕之后,点击下方的“测试”按钮来确认是否能够正常访问以及写入数据到所设定的目标位置。一旦显示绿色勾标记代表成功建立联系[^3]。 6. **设为默认** 测试通过以后记得把当前配置好的 GitHub 设置成系统的全局默认项以便后续操作更加便捷高效。 7. **实际应用案例——Markdown编辑器中的配合使用** 当前很多主流 markdown 编辑软件均内置了对于外部插件的支持功能模块,像 Typora 就可以直接调用已安装成功的 picgo-core 来实现无缝衔接效果[^1]^[]^。只需简单几步就能让每次复制粘贴截动作自动转化为对应托管服务器上的链接形式嵌套进文档内容当中去[^2]。 ```bash # 示例命令行方式快速查看token有效性 curl https://api.github.com/user/repos?access_token=YOUR_PERSONAL_ACCESS_TOKEN ``` 以上便是利用 PicGo 工具将本地计算机内的媒体素材轻松转移到云端存储空间即 GitHub 上面的过程概述说明啦!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值