[环境配置]Typora+坚果云+NodeJS+PicGo+Gitee搭建云笔记环境

647 阅读3分钟
  • 如果你使用Markdown
  • 如果你想要云写作
  • 如果你愿意折腾

前言

Typora已经有一段时间了,体验还不错,但它并不能实现云笔记,而我经常的一个写作场景是一篇文章在家在公司都会修修改改,在公司保存后到家打开文件就可以继续写。于是就有了这篇文章,记录这次云笔记环境的搭建过程。

环境配置

这个环境所需要的混搭如下:

  • 坚果云 一个云存储服务平台,用来云存储文章。个人觉得免费版(上传1G/月,下载3G/月)已经足够常规使用
  • Typora 一款Markdown编辑器,用来写文章

其实这俩的配合就已经可以实现一个简单的云笔记环境了除了文章中的图片

  • Gitee 一个代码托管平台,用来创建图床
  • PicGo 一个图片上传工具,用来实现在Typora中自动上传图片到我们的图床
  • Node.js 一个JavaScript的引擎,是PicGo的运行环境

开始

新建坚果云同步文件夹

如果你还没有坚果云账号,那就先去注册
注册完成后下载客户端,登录,在本地新建一个同步文件夹,用来同步笔记

image.png

Typora

下载好Typora后我会设置它的启动选项打开指定目录,指向前面创建的那个同步文件夹,这样笔记就能自动同步到坚果云

image.png

在Gitee上创建图床仓库

在此之前如果你还没有Gitee账号,那就先去注册 注册完成登录成功后,新建一个仓库

image.png

仓库名称随意,选择开源, 勾选初始化仓库,勾选设置模板和Readme文件

image.png

记住这个完整的仓库名,下面配置PicGo的是时候需要用到

image.png

图床仓库创建完成后还需要创建私人令牌,点这里

image.png

勾选projects即可

image.png

关闭窗口前一定先复制创建的token

image.png

到这里Gitee中的图床仓库创建结束

PicGo配置

在开始配置PicGo之前必须先安装好Node.js,具体安装方法这里就不赘述了,去下载LTS版本安装包安装就行了
安装好Node.js后就可以用npm来下载PicGo的包了,打开命令行工具执行

npm i -g picgo

安装gitee-uploader

picgo install gitee-uploader

配置uploader

> picgo set uploader
? Choose a(n) uploader gitee ***键盘上下键选择gitee***
? repo: tech-tricks/picbedrepo ***上面创建的图床仓库***
? branch: master
? token: ***上面创建的私人令牌***
? path: img/
? customPath: default
? customUrl: https://gitee.com/tech-tricks/picbedrepo/raw/master
[PicGo SUCCESS]: Configure config successfully!

使用uploader

> picgo use uploader
? Use an uploader gitee ***键盘上下键选择gitee***
[PicGo SUCCESS]: Configure config successfully!

配置Typora,打开偏好设置里面的图像
插入图片时 选择 上传图片
上传服务 选择 Custom Command 命令 输入 [your picgo path] upload
可以执行下面的命令行获得Node.js的安装路径

npm config get prefix

image.png

下面是我的配置

image.png

点击一下验证图片上传选项

image.png

那么至此就是这个云笔记环境的搭建过程

总结

环境搭建略显繁琐,多台终端的话需要每台终端都要有这个环境,所以需要搭建多次,我是在我公司PC、家里PC、笔记本电脑上分别搭建了一次,但是总体用起来还是比较舒服的。