Saul's blog Saul's blog
首页
后端
分布式
前端
更多
分类
标签
归档
友情链接
关于
GitHub (opens new window)

Saul.J.Wu

立身之本,不在高低。
首页
后端
分布式
前端
更多
分类
标签
归档
友情链接
关于
GitHub (opens new window)
  • 面试题

  • 博客搭建

  • 部署相关

  • 填坑

  • Python

  • 其他

    • Vagrant虚拟机快速搭建开发环境
    • Linux无法上网
    • yarn和npm命令对比
    • npm构建常用报错
    • windows右键打开终端
    • 微软输入法设置
    • 使用Navicat自动定期备份数据
    • Windows下用Chocolatey管理包工具
    • 右键新建markdown文件
    • 怎样开通gmail邮箱smtp服务
    • Typora+PicGo图床
      • 前言
      • 解决方案
      • GitHub
        • 建立仓库
        • 获取Token
      • PicGo
        • 下载地址
        • 配置
        • 测试
      • Typora配置PicGo
      • 参考链接
    • vuepress主题升级
    • win10查看wifi密码
    • win10端口占用解决
    • SpringBoot开启热部署
    • VSCode Remote体验
  • 收藏夹

  • 友情链接
  • 更多
  • 其他
SaulJWu
2020-11-16

Typora+PicGo图床

# 前言

现在用typora写文档非常舒服,我可以使用它的语法,也可以直接使用typora快捷键,把文档变成我想要的格式,但是typora的图片都是存在本地的。

如果我需要写博客,或者发表文章,那么直接拷贝过去的时候,图片引用路径就丢失了,因为图片是在本地。

这时候我就需要一个工具,自动把图片上传到网上,typora支持PicGo,如果配置了Picgo,当我把图片粘贴到typora时,typora就自动把图片上传,并且把引用路径转换为网络地址,这样,无论我写博客还是发表文章,我的图片得以保存。

# 解决方案

GitHub + Typora + PicGo 来实现。

# GitHub

# 建立仓库

在github创建一个专门放图片的仓库。

img

# 获取Token

GitHub 的令牌,其实就是 token,可以让拥有此 token 的软件访问 GitHub 的 API 接口。

生成过程,参考经验即可,大致步骤如下:

  • 点击自己的 GitHub 头像
  • Settings
  • Developer settings
  • Personal access tokens
  • Generate new token

如下图,注意下边的选项全部勾选。(具体不清楚,大概是赋予使用此 token 的软件一些权限) img

此时可以保存备用,也可以在下边用到的时候,再按照上述步骤生成 token 。注意 token 是私密的,需要做好安全保护!

# PicGo

# 下载地址

github官方

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

蓝奏云

https://www.lanzous.com/ia49ojg

由于我是win10系统,直接去官方下载.exe文件,然后安装就可以了。

# 配置

安装好了后,直接运行PicGo,接下来配置 GitHub 作为图床,在左侧找到图床设置,找到GitHub图床。

  • 仓库名
  • 设定分支
  • 设定token

记得设置为默认图床

配置好图床后,配置命名格式

  • PicGo设置
  • 时间戮重命名

# 测试

在配置好,试试PicGo能否成功上传图片,如果不可以,检查自己图床是否配置好,如果可以就可以进行下一步了。

# Typora配置PicGo

打开Typora的偏好设置

img

  • 设置好后,点击验证图片上传选项,验证一下

image-20201116123429792

  • 验证成功后,我们就可以直接在typora贴图片了,凡是非网络图片都自动上传并且引用了。

# 参考链接

以上内容均参考:

https://juejin.im/post/6844904137407086600

帮我改善此页面 (opens new window)
#图床#Typora
上次更新: 2021/02/16, 12:29:08
怎样开通gmail邮箱smtp服务
vuepress主题升级

← 怎样开通gmail邮箱smtp服务 vuepress主题升级→

最近更新
01
zabbix学习笔记二
02-28
02
zabbix学习笔记一
02-10
03
Linux访问不了github
12-08
更多文章>
Theme by Vdoing | Copyright © 2020-2022 Saul.J.Wu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式