typora配置图片自动上传gihub图床

本文最后更新于:32 分钟前

​ 最近将博客从github-page静态托管搬到了服务器,不能豪横使用流量,于是萌生了建立图床的想法,对比了很多方案,还是直接使用github托管最为合适。

​ 但这又产生一个问题,如果只是单纯使用git推送图片会很麻烦,写作体验感不好,又不想使用PicGo等软件,于是有此文。

  • 进入typora -> 偏好设置 -> 图像

    Snipaste_2024-06-27_22-52-25

  • upgit-releases拉取最新程序

    Snipaste_2024-06-27_22-56-04

  • 下载好后放到你想放到的文件夹下

  • 将软件名改为upgit.exe并在同文件夹下创建文件config.toml用于填写配置

    Snipaste_2024-06-27_22-59-38

  • 配置参考官方文档

  • 这里给出我的配置

    建议不要直接推送到主分支,可以创建不同分支加以区分,其他见以下代码注释

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    # =============================================================================
    # UPGIT 配置
    # =============================================================================

    # 默认上传器
    default_uploader = "github"

    # 上传文件名的格式模板(仅特定上传器适配)
    # / 目录分隔符, 作用: 是区分目录
    # {year} 年份, 例如: 2022
    # {month} 月份, 例如: 02
    # {day}, 例如: 01
    # {unix_ts} 时间戳, 例如: 1643617626
    # {fname} 原始文件名,如 logo (不含后缀名)
    # {fname_hash} {fname}的 MD5 散列值
    # {ext} 文件后缀名, 例如.png
    # 下面的例子生成的文件名预览: 2022/01/upgit_20220131_1643617626.png
    # 如果目录不存在将会被程序自动创建
    rename = "{year}/{month}/upgit_{year}{month}{day}_{unix_ts}{ext}"


    # -----------------------------------------------------------------------------
    # 自定义输出格式
    # -----------------------------------------------------------------------------
    # {url} 图片文件的网络URL地址
    [output_formats]
    "bbcode" = "[img]{url}[/img]"
    "html" = '<img src="{url}" />'
    "markdown-simple" = "![]({url})"

    # -----------------------------------------------------------------------------
    # 直链替换规则 RawUrl -[replace]-> Url
    # -----------------------------------------------------------------------------

    # 如果您的网络访问Github异常或者缓慢,您可以尝试下面的配置以开启CDN加速
    # [replacements]
    # "cdn.jsdelivr.net/gh" = "cdn.jsdelivr.net/gh"
    # "/master" = "@master"

    # =============================================================================
    # 以下为各个上传器的配置示例. 用不到的留空即可
    # =============================================================================

    # Github 上传器
    [uploaders.github]
    # 保存文件的分支,例如 master 或 main
    branch = "{你的分支名}"

    # 您的拥有"repo"权限的 Github 令牌
    # 获取Github Token连接: https://github.com/settings/tokens
    pat = "{填写你的令牌}"

    # 您的公共Github存储库的名称
    # 注意: 为了让您和他人可以访问到图片资源, 您的Github仓库一定要是公开的,
    # 在私有仓库中Github会拦截未授权的请求,你将会得到一个404.
    repo = "{你的分支}"

    # 您的 Gtihub 用户名
    username = "{你的用户名}"

    注意以上{}代表一个填写口,实际配置中需要外围双引号

  • github Token申请

    gihub -> setting -> Developer Settings

    Snipaste_2024-06-27_23-10-56

    Snipaste_2024-06-27_23-11-34

    按照以下设置即可

    Snipaste_2024-06-27_23-07-23

    需要注意的是token生成后只会以明文显示这一次,请妥善复制保存

    Snipaste_2024-06-27_23-17-00

  • 将token放到配置文件对应地方即可(见上文)

  • upgit.exe的绝对路径填入typora设置中

    Snipaste_2024-06-27_23-16-24

  • 再点击上图的验证图片上传选项测试

    image-20240627231913582

    • 成功

typora配置图片自动上传gihub图床
http://example.com/2023/02/06/typora配置图片自动上传/
作者
Lyriv
发布于
2023年2月6日
许可协议