美文网首页
Typora +Picgo 搭建个人笔记

Typora +Picgo 搭建个人笔记

作者: 唐凯泽 | 来源:发表于2023-10-16 21:23 被阅读0次

    layout: _posts
    title: Typora +Picgo 搭建个人笔记
    date: 2023-10-17 15:18:40
    tags: [typora, picgo]
    update: 2023-10-17 17:50:40
    categories: [工具]
    description: 个人笔记
    abbrlink: 3d1d688d
    mathjax: true


    Typora +Picgo 搭建个人笔记

    一、Picgo +Github 搭建图床

    背景:

    我们在项目中,有的时候写一套笔记需要在多个平台进行同步,基于这种需求,所以我们需要搭建一套属于我们个人的图床,方便在多平台进行项目同步,同步过来之后,不会因图片不存在而导致不能观看,这里主要演示的github图床,因为目前是免费的,up主我喜欢免费。

    1.基础设置

    具体配置如下:

      {
          "repo": "alex-oos/picture-bed", // 仓库名,格式是username/reponame
          "branch": "main",  // 分支名,默认是main
          "token": "****************************************", // github token
          "path": "img/", // 自定义存储路径,比如img/
          "customUrl": "https://cdn.jsdelivr.net/gh/alex-oos/picture-bed" // 自定义域名,注意要加 http:// 或者 https://
        }
    

    配置成功之后,上传图片进行测试,在相册中发现上传的图片

    2. 将配置导出,方便下次使用

    打开Picgo配置,将该配置文件全部复制过去,然后关闭Picgo,重新启动,该配置就会自动生效

    {
      "picBed": {
        "current": "github",
        "uploader": "github",
        "smms": {
          "token": "",
          "_configName": "Default",
          "_id": "2cf5bda7-7484-4dd1-8553-0754baf69e32",
          "_createdAt": 1695105202858,
          "_updatedAt": 1695105202858
        },
        "tcyun": {
          "_configName": "Default",
          "_id": "0d1dd38d-23d6-4d2f-8354-16ba581a6d86",
          "_createdAt": 1695105201786,
          "_updatedAt": 1695105201786
        },
        "aliyun": {
          "_configName": "Default",
          "_id": "e1c58205-e480-47ce-afd2-e45e14fe6f46",
          "_createdAt": 1695105203259,
          "_updatedAt": 1695105203259
        },
        "github": {
          "_configName": "github",
          "_id": "e7adf864-ee9d-48d1-aa7e-488a680ec76d",
          "_createdAt": 1695105203731,
          "_updatedAt": 1697526794411,
          "repo": "alex-oos/picture-bed",
          "branch": "main",
          "token": "****************************************",
          "path": "img/",
          "customUrl": "https://cdn.jsdelivr.net/gh/alex-oos/picture-bed"
        },
        "list": [
          {
            "type": "tcyun",
            "name": "腾讯云COS",
            "visible": false
          },
          {
            "type": "aliyun",
            "name": "阿里云OSS",
            "visible": false
          },
          {
            "type": "smms",
            "name": "SM.MS",
            "visible": false
          },
          {
            "type": "github",
            "name": "GitHub",
            "visible": true
          },
          {
            "type": "qiniu",
            "name": "七牛云",
            "visible": false
          },
          {
            "type": "imgur",
            "name": "Imgur",
            "visible": false
          },
          {
            "type": "upyun",
            "name": "又拍云",
            "visible": false
          }
        ],
        "vika": {
          "_configName": "Default",
          "_id": "425a80d1-9484-4ad9-8766-84b541d792bc",
          "_createdAt": 1695118792098,
          "_updatedAt": 1695118792098
        }
      },
      "settings": {
        "shortKey": {
          "picgo:upload": {
            "enable": true,
            "key": "CommandOrControl+Shift+P",
            "name": "upload",
            "label": "QUICK_UPLOAD"
          }
        },
        "showUpdateTip": true,
        "server": {
          "port": 36677,
          "host": "127.0.0.1",
          "enable": true
        },
        "pasteStyle": "Custom",
        "privacyEnsure": true,
        "logLevel": [
          "all"
        ],
        "logFileSizeLimit": 10,
        "autoRename": true
      },
      "needReload": false,
      "picgoPlugins": {},
      "debug": true,
      "PICGO_ENV": "GUI",
      "uploader": {
        "tcyun": {
          "configList": [
            {
              "_configName": "Default",
              "_id": "0d1dd38d-23d6-4d2f-8354-16ba581a6d86",
              "_createdAt": 1695105201786,
              "_updatedAt": 1695105201786
            }
          ],
          "defaultId": "0d1dd38d-23d6-4d2f-8354-16ba581a6d86"
        },
        "smms": {
          "configList": [
            {
              "token": "",
              "_configName": "Default",
              "_id": "2cf5bda7-7484-4dd1-8553-0754baf69e32",
              "_createdAt": 1695105202858,
              "_updatedAt": 1695105202858
            }
          ],
          "defaultId": "2cf5bda7-7484-4dd1-8553-0754baf69e32"
        },
        "aliyun": {
          "configList": [
            {
              "_configName": "Default",
              "_id": "e1c58205-e480-47ce-afd2-e45e14fe6f46",
              "_createdAt": 1695105203259,
              "_updatedAt": 1695105203259
            }
          ],
          "defaultId": "e1c58205-e480-47ce-afd2-e45e14fe6f46"
        },
        "github": {
          "configList": [
            {
              "_configName": "github",
              "_id": "e7adf864-ee9d-48d1-aa7e-488a680ec76d",
              "_createdAt": 1695105203731,
              "_updatedAt": 1697526794411,
              "repo": "alex-oos/picture-bed",
              "branch": "main",
              "token": "****************************************",
              "path": "img/",
              "customUrl": "https://cdn.jsdelivr.net/gh/alex-oos/picture-bed"
            }
          ],
          "defaultId": "e7adf864-ee9d-48d1-aa7e-488a680ec76d"
        },
        "vika": {
          "configList": [
            {
              "_configName": "Default",
              "_id": "425a80d1-9484-4ad9-8766-84b541d792bc",
              "_createdAt": 1695118792098,
              "_updatedAt": 1695118792098
            }
          ],
          "defaultId": "425a80d1-9484-4ad9-8766-84b541d792bc"
        }
      }
    }
    

    二、Typora:设置 :

    1. 基本设置

    2. 导出自动提交

    可以通过设置Typora将写好的博客备份到Github. 指令如下:

    git add  -A  && git commit -m"saved new edits" && git push origin main
    

    [图片上传失败...(image-594cb1-1697548979444)]

    3. 备份图片

    设置路径为: ./assets ,会自动在当前目录下创建assets 目录,如果图床服务不能使用,直接修改为相对路径,项目也就可以愉快的访问了

    参考地址:https://www.cnblogs.com/yongdaimi/p/16386277.html

    相关文章

      网友评论

          本文标题:Typora +Picgo 搭建个人笔记

          本文链接:https://www.haomeiwen.com/subject/vnkfidtx.html