使用Typora+PicList+Github编写博客文章
本文最后更新于 181 天前,如有失效请评论区留言。

使用Typora+PicList+Github编写博客文章

Typora

一款 Markdown 编辑器和阅读器,主要是使用简单方便,并且颜值高,虽然使用Electron开发但打开速度还能接受

一般我安装了Typora后都会自定义主题,你可以根据各自喜好安装自己喜欢的主题

typora主题安装

首先选择自己喜欢的主题https://theme.typora.io/

我选择的是Drake

在github中选择最新的版本下载

解压压缩包后结构如下

然后点击文件-偏好设置(快捷键ctrl+,)

打开主题文件夹

复制这13个文件到主题文件夹

退出软件再打开,设置自己喜欢的主题

字体在drake目录下的font.css中,如果有懂得css的也可以自行调整喜欢的字体

PicList下载

PicList是基于PicGo-Core的二次开发版本(PicGo也有开发好的Gui版本,不过功能稍微少了点),PicList增加云存储管理和相册云端同步删除功能,以及很实用的webp格式压缩,强烈推荐!!!

打开 https://github.com/Kuingsmile/PicList 点击Releases

image-20230310115103493

windows下载x64.exe Mac根据芯片类型Intel还是Apple来选择x64还是arm64

image-20230310115345811

下载安装后打开程序

PicList配置

先打开PicList设置-配置文件

image-20230310140508660

使用下面配置替换

{
  "settings": {
    "shortKey": {
      "picgo:upload": {
        "enable": false,
        "key": "CommandOrControl+Shift+P",
        "name": "upload",
        "label": "QUICK_UPLOAD"
      }
    },
    "showUpdateTip": true,
    "deleteCloudFile": true,
    "autoStart": true,
    "autoRename": true,
    "privacyEnsure": true,
    "proxy": "",
    "registry": "",
    "logLevel": [
      "error",
      "info",
      "warn"
    ],
    "logFileSizeLimit": 10,
    "server": {
      "port": 36677,
      "host": "127.0.0.1",
      "enable": true
    },
    "rename": false,
    "useBuiltinClipboard": true,
    "miniWindowOntop": false,
    "autoCopy": true
  },
  "needReload": false,
  "buildIn": {
    "compress": {
      "quality": 76,
      "isConvert": true,
      "convertFormat": "webp",
      "isReSize": false,
      "reSizeWidth": 500,
      "reSizeHeight": 500,
      "isReSizeByPercent": false,
      "reSizePercent": 50,
      "isRotate": false,
      "rotateDegree": 0
    },
    "watermark": {
      "isAddWatermark": false,
      "watermarkType": "text",
      "isFullScreenWatermark": false,
      "watermarkDegree": 0,
      "watermarkText": "",
      "watermarkFontPath": "",
      "watermarkScaleRatio": 0.15,
      "watermarkColor": "#CCCCCC73",
      "watermarkImagePath": "",
      "watermarkPosition": "southeast"
    }
  },
  "picgoPlugins": {},
  "debug": true,
  "PICGO_ENV": "GUI",
  "picBed": {
    "current": "smms",
    "uploader": "smms",
    "smms": {
      "token": ""
    }
  }
}

替换后打开图床设置-GitHub-修改Default配置

image-20230310163647093

点开后保持不动,去github添加一些配置

Github配置

首先你需要一个github账号,如果没有的话,先注册一个

登录后右上角加号创建一个仓库

image-20230310165949863

image-20230310174627478

点击右上角个人头像进入设置

image-20230310172236695

选择左侧的开发者设置

image-20230310172424734

点击Personal access tokens-Tokens (classic),右侧Generate new token-Generate new token (classic)

image-20230310172540373

image-20230310172900532

image-20230310173001013

生成后点击复制Token

回到PicList添加github生成的配置信息

image-20230310173148435

图床配置名:随意

设定仓库名:填写用户名/仓库名

设定分支名:默认都是main

设定Token:之前生成的Token

存储路径:随意,可以根目录也可以放子文件夹

设定自定义域名:https://gcore.jsdelivr.net/gh/你的用户名/你的仓库名 用来加速GitHub上的资源访问速度太慢

typora使用PicList实现粘贴图片后自动上传

打开typora设置 ctrl+,

image-20230310175327514

插入图片时:上传图片

上传服务:PicGo(app)

PicGo路径:picGo安装的地址

配置完成点击验证图片上传选项

image-20230310180126977

验证成功后就可以使用自己习惯的截图软件(我的是qq)截取图片并直接粘贴在Typora里面,会自动上传并且生成加速后的图片路径

使用之前设置的配置会把图片自动转换成Webp格式的图片,Webp格式的图片压缩后不仅可以保持肉眼几乎看不见的差别,同时压缩比率也是很高的,测试一张9.88MB的图片经过Webp格式压缩可以到2.18MB,并且几乎看不出来图片的差别

可以在https://squoosh.app/editor网站上测试 (开源代码库https://github.com/GoogleChromeLabs/squoosh),记得要在右下角Compress中选择WebP格式

image-20230310181309900

接着就可以愉快的写文章了

版权声明:本文为BIMiracle原创,依据CC BY-SA 4.0许可证进行授权,转载请附上出处链接及本声明。
暂无评论

发送评论 编辑评论


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇