Github+picGo+Typora搭建图床

Github+picGo+Typora搭建图床

准备

Github账号注册/创建一个Public仓库

picgo下载链接

Typora下载安装

Vscode下载安装

生成 Github Tokens

  • 登录Github

  • 移动到右上角的头像,选择Settings

  • 进入Settings后,向下滚动找到Developer Settingstokens

  • 网页跳转后,选左边的Personal access tokens,点击Generate a personal access token

  • Note里填写为什么创建这个Token,可随意填写,下方选项只勾选repo即可
    image-20240421220326117

  • 滑到最下方点击 Generate token,Token信息只会出现一次,生成后记得复制保存。

    PicGo设置

    • PicGo-Setup-2.4.0-beta.6.exe 选这个版本的
    • 安装完成打开运行,左侧选择图床设置,选择GitHub图床
    image-20240421212824470
    • 参数说明
      • 图床配置名 >> Github创建的仓库名
      • 设定仓库名 >> Github用户名/Github创建的仓库名
      • 设定分支名 >> main
      • 设定Token >> 前面生成的Token(如果时间过期了就重新生成一个,嫌麻烦就直接生成一个永久的)
      • 设定储存路径 >> 会存在你Github仓库main分支下,建议设置成日期格式方便后期查找删除
      • 设定自定义域名 >> 设置为https:cdn.jsd.cdn.zzko.cn/gh/Github用户名/仓库名/@main(会使用VPN工具的话可以不使用cdn加速,空白即可)
    https://jsd.cdn.zzko.cn/gh/sanjiudemiao/Blogimages@main
    https://raw.gitmirror.com/sanjiudemiao/Blogimages/main
    
    • sanjiudemiao为Github名,Blogimages是仓库名
    • 设置完成,点击完确定。 一定要 设为默认图床
    • 打开 PicGO设置下的时间戳重命名

    Typora设置

    • 打开Typora,点击左上角菜单栏的【文件】,点击弹出框里下方的【偏好设置】
    • 打开页面,左侧选择【图象】,图像里的设置按下设置:
    image-20240421212929685
    • 设置完毕之后 点击验证图片上传选项 如果显示上传失败

      检查PicGO是否设置为默认图床

    • 将图片从Picgo上传,粘贴到Typora上

      image-20240421213046555
    • 截图到粘贴到Typora上,然后点击上传图片

    image-20240421213109034

    Vscode设置

    • 打开Vscode,点击左侧的扩展,搜索cnblogs,点击安装即可

      或者打开博客园设置
      选择Vscode插件
      点击·install· >> 点击·打开Vscode· >> 安装拓展即可
      image-20240421213109033

    开始写博客

    • 打开Typora完成博客的编写。

    • 打开Vscode,打开你写好的博客文件

    • 点击鼠标右键,选择上传到博客园,选择新建博文

    ootd

    • 右侧完成博文设置,点击确定,会显示博文已创建(勾选发布即可上传到博客主页上,不勾选则在草稿箱里)
    ootd1
    • 再次点击鼠标右键,选择上传到博客园完成上传

    • 后续修改直接在Typora上修改,然后打开Vscode,鼠标右键,再次点击上传到博客园即可

posted @   sanjiudemiao  阅读(62)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示