typora配置

声明：文中所涉及的技术、思路和工具仅供以安全为目的的学习交流使用，任何人不得将其用于非法用途以及盈利等目的，否则后果自行承担！

本文首发于涂寐’s Blogs，转载请注明出处！

GitHub 图床

目标：picgo-core + github

1. typora 直接下载 picgo-core

2. 命令行版的 picgo 在 C:\Users\用户名\AppData\Roaming\Typora\picgo\win64，在此处开启命令行窗口

3. picgo set uploader 配置图床环境

// 命令：picgo set uploader

/*
?Choose a(n) uploader——github
?repo——0xtlu/blogsPicture
?branch——main
?token——https://github.com/settings/tokens 处生成
?path——assets/
?customUrl——https://cdn.jsdelivr.net/gh/0xtlu/blogsPictures
*/

// 注：可直接在 picgo 配置文件 C:\Users\用户名\.picgo\config.json 中直接配置
"picBed": {
        "current": "github",
        "github": {
            "repo": "0xtlu/blogsPicture", // 仓库名，格式是username/reponame
            "branch": "main", // 分支名，默认是main
            "token": "ghp_hDNaXA25fjmd7Fgem27G1oME92wtGOeDC3d7", // github token
            "path": "", // 自定义存储路径，比如img/
            "customUrl": "https://cdn.jsdelivr.net/gh/0xtlu/blogsPicture"
        }, // 自定义域名、cdn加速，注意要加http://或者https://
        "uploader": "github",
        "transformer": "path"
    }

4. 创建公开的 GitHub 仓库存储图片

5. GitHub token 生成，repo 权限勾选3、5就好

6. typora 验证图片上传（已配置压缩、重命名插件）

rename-file 重命名

1. 需要下载 nodejs 提供环境以安装 picgo 插件 rename-file

2. 转到 picgo 目录，命令行使用 picgo install rename-file 安装插件，配置文件重命名格式

// 命名规则：
{y} 年，4位
{m} 月，2位
{d} 日期，2位
{h} 小时，2位
{i} 分钟，2位
{s} 秒，2位
{ms} 毫秒，3位(v1.0.4)
{timestamp} 时间戳(秒)，10位(v1.0.4)
{hash}，文件的md5值，32位
{origin}，文件原名（会去掉后缀）
{rand:<count>}, 随机数，<count>表示个数，默认为6个，示例：{rand：32}、{rand}
{localFolder:<count>}, <count>表示层级 ，默认为1，示例：{localFolder:6}、{localFolder}

// 命令配置：picgo config plugin rename-file

// 在 picgo 配置文件 C:\Users\用户名\.picgo\config.json 中直接配置
"picgo-plugin-rename-file": {
        "format": "{y}/{m}/{d}/{hash}{rand:3}"
    }

watermark 水印

1. picgo 目录，命令行使用 picgo install watermark 安装插件 watermark，配置水印格式

// position 参数说明：
export enum PositionType {
  lt = "left-top",
  ct = "center-top",
  rt = "right-top",
  lm = "left-middle",
  cm = "center-middle",
  rm = "right-middle",
  lb = "left-bottom",
  cb = "center-bottom",
  rb = "right-bottom"
}

// 命令配置：picgo config plugin watermark

// 在 picgo 配置文件 C:\Users\用户名\.picgo\config.json 中直接配置
"picgo-plugin-watermark": {
        "text": "@涂寐's Blogs",
        "fontSize": 26,
        "position": "rm"
    }

唉……使用这个插件一直批量不成功，我能怎么办，取消使用咯

compress 压缩

1. picgo 目录，命令行使用 picgo install compress 安装插件 compress，配置压缩格式

/*
用于 PicGo 的图片压缩插件,支持 TinyPng ImageMin

tinypng 无损压缩，需要上传到 tinypng
imagemin 压缩过程不需要经过网络，但是图片会有损耗
image2webp 本地有损压缩，支持 GIF 格式有损压缩 注意：有些图床（比如 sm.ms）不支持 webp 图片格式，会上传失败

命令配置：
picgo use transformer   // 选择压缩工具 compress
picgo config plugin compress    // 配置compress参数
*/

// 在 picgo 配置文件 C:\Users\用户名\.picgo\config.json 中直接配置

"picgo-plugin-compress": {
        "compress": "imagemin",
        "key": ""
    }s

图片访问问题

• 问题：已配置 jsDelivr CDN，且图片上传 GitHub 成功，但 typora 无法解析成功（image load failed）。

• 原因： jsDelivr 备案被吊销，CDN 失效，图片链接重定向到 raw.githubsuercontent.com。

• 解决：于==C:\Windows\System32\drivers\etc\hosts== 文件中添加如下内容加快 GitHub 域名解析，后重启 typora。

185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.110.133 raw.githubusercontent.com
185.199.111.133 raw.githubusercontent.com

• 其他方法：更换 staticaly CDN ，即图床环境中 customUrl 参数对应值为：https://cdn.statically.io/gh/0xtlu/blogsPicture/main/

附 我的配置

/*
C:\Users\user_name\.picgo\config.json
*/
{
    "picBed": {
        "current": "github",
        "github": {
            "repo": "0xtlu/blogsPicture",
            "branch": "main",
            "token": "ghp_hDNaXD95fjmd1Fg2m2oGeoME9RKtGp2D43d2",
            "path": "",
            "customUrl": "https://cdn.statically.io/gh/0xtlu/blogsPicture/main/"
        },
        "uploader": "github",
        "transformer": "path"
    },
    "picgoPlugins": {
        "picgo-plugin-rename-file": true,
        "picgo-plugin-watermark": true,
        "picgo-plugin-compress": true
    },
    "picgo-plugin-rename-file": {
        "format": "{y}/{m}/{d}/{hash}{rand:3}"
    },
    "picgo-plugin-watermark": {
        "text": "@涂寐's Blogs",
        "fontSize": 26,
        "position": "rm"
    },
    "picgo-plugin-compress": {
        "compress": "imagemin",
        "key": ""
    }
}

小结

种种原因限制，直接在线写没机会了，改用 typora 本地化编辑，搭上配置了 picgo 能快速传入GitHub图床，藉此能较为快速的共享于博客，加油吧，我个小菜鸡