一、前言

问：为什么有这样的需求？

答：对于程序猿来说，需要掌握的技术非常多，然而随着时间的流逝，年纪的增长，这些知识终将被遗忘。好记性不如烂笔头，文档的整理变得非常重要。猿们通常会以博客的形式记录、分享自己工作中的点点滴滴，多以markdown的形式编写，无奈在线博客编辑器坑太多，例如文档丢失、保存草稿时会提交审核等等。而在本地编写博客，然后在博客上直接导入这些内容成为了最佳的替代方案。与此同时，如果文档中的图片使用的是本地图片，在博客中就会出现图片无法正常显示的问题。

本文要解决的首要问题就是，当您在本地编写文档时，粘贴进来的图片可以自动上传到图床，这样就解决了图片无法显示的问题，同时支持博客移植到其他平台，不受限制

其次要解决的问题就是，云笔记，本地的笔记要自动进行云备份，永不丢失，同时实现跨设备共享访问。

实现上述目标，本方案绝不是唯一，但可能是国内完全免费、速度最快、无任何额外操作的，写的舒服的最好实现。

二、环境及工具简介

1、操作系统：win 10

2、Typora

可能是最好用的本地Markdown编写工具，简约不简单，写的舒服

官网：https://www.typora.io/#windows

3、PicGo

图片上传新体验，便捷，高效

官网：https://molunerfinn.com/PicGo/

4、Nodejs

一个基于 Chrome V8 引擎的 JavaScript 运行环境，PicGo使用Gitee作为图床的插件（gitee-uploader ）需要使用

官网：https://nodejs.org/en/

5、Gitee

基于Git的代码托管和研发协作平台。国内访问速度超快，代替Github使用

在Gitee创建仓库，用来保存PicGo上传的图片

官网：https://gitee.com/

6、坚果云

国内安全稳定的云盘，重点是个人免费（虽然有上传和下载流量的限制，对于记录知识，足够了）

官网：https://www.jianguoyun.com/

三、Typora实现自动上传图片

本节讲述了各个工具的安装、配置，最终实现在Typora中粘贴图片时自动上传图片到Gitee仓库的效果

1、Typora的安装

官网下载最新版，默认方式安装即可（此文所用版本为：0.9.96（beta））

2、Gitee创建仓库

2.1、创建仓库

创建仓库，专门用来存放PicGo上传的图片

在Gitee官网，按下图所示操作即可

2.2、创建token

创建token，供PicGo的插件访问Gitee的仓库使用

在Gitee官网，按下图所示操作即可

点击提交后会提示输入密码，然后就创建好了token

注意：token只显示一次，请注意保存，后面配置插件会用到。（如果弄丢了，可以通过修改重新创建一个）

3、PicGo的安装

官网下载最新版，默认方式安装即可（此文所用版本为：2.3.0-beta.3）

安装后双击运行，打开后在【图床设置】里发现没有Gitee

需要安装【gitee-uploader 1.1.2】插件后才可使用Gitee。安装此插件需要Nodejs环境，所以需要先安装Nodejs。

4、Nodejs的安装与设置

4.1、安装

官网下载最新版，默认方式安装即可（此文所用版本为：14.15.0 LTS），记住安装目录，后续设置环境变量时会用到

4.2、设置

设置系统的【环境变量】，将刚才的安装目录添加到【path】变量中
在命令行中分别输入【node -v】和【npm -v】确认设置是否成功
重启电脑（重要的事情说三遍）
重启电脑（重要的事情说三遍）
重启电脑（重要的事情说三遍）

5、PicGo插件的安装、设置、调试

5.1、插件安装

在PicGo中选择【插件设置】，搜索gitee，选择安装【gitee-uploader 1.1.2】，详见下图所示

安装过程中需要访问github，速度较慢，请耐心等待，如果长时间无法安装，请确认是否可以访问github

5.2、插件配置

按下图所示操作，选择【配置uploader - gitee】

按下图所示填入配置参数

5.3、PicGo配置

图床设置里混有其他不用的图床，建议按下图设置，仅显示gitee图床（非必须）

按下图所示，将gitee图床设置为默认图床

5.4、调试验证

利用QQ等软件进行截图，在【上传区】，选择【剪贴板图片】进行上传，注意观察屏幕右下角的上传结果提示

如果上传失败，可能的原因：

设置插件时，仓库和token填错的可能性最大，请仔细检查
长期不使用，Gitee的token可能失效，到Gitee官网修改即可重新生成token，生成后重新配置插件参数即可（此种情况首次搭建不会出现）

6、Typora配置

我们在Typora中使用图片，通常都是将剪贴板内的图片复制到文档里，按照如下操作设置后，粘贴图片时Typora会自动通过PicGo将图片上传到Gitee仓库，并将图片的仓库地址插入到文档中。

设置方法：在Typora中选择【文件】-【偏好设置】，按照下图所示进行设置后即可。

可以点击上图中的【验证图片上传选项】，如果上传失败，请检查上面的【上传服务】和【PicGo路径】的设置

四、利用坚果云实现云笔记

1、坚果云的安装

进入官网，如下图所示，点击【免费试用】，跟随官网提示进行注册或登陆，然后下载window版的安装文件，默认方式安装即可（此文所用版本为：5.2.0）

2、同步文件夹的设置

首次登陆，跟随设置向导，设置同步文件夹。建议在磁盘中创建一个专用的目录，可在此目录下在创建子文件夹用来分类归档

下图是点击上图【确定】后，磁盘中的同步文件夹的截图，文件夹图标上带有绿色图标的是自动从坚果云上同步下来的文件。

可按照下图所示的操作，将其他文件夹设置为可自动同步的文件夹。

我们只需要把编写的文档放到这些同步文件夹里，就实现了本地文档的实时备份。

坚果云不仅仅解决了本地文档的云备份，同时解决了不同设备同步的问题，实现了任何设备，随时随地文件共享。

五、结语

至此，免费高效的个人云笔记平台已搭建完毕，剩下的交给你们了。

所谓天才，只不过是把别人喝咖啡的功夫都用在工作上了。

使用Typora+PicGo+Gitee+坚果云搭建免费高效的个人云笔记相关推荐

Typora+PicGo+Gitee+坚果云搭建云笔记
之前用过一段时间Typora+PicGo+SM.MS,但后来某一天发现图片上传不了了,一查原来是SM图床挂掉了,也就没再去捣鼓了.最近,发多图博客又觉得不用图床的话,Typora在本地写的文章直接导入 ...
Typora+PicGo+Girhub+坚果云创建云笔记
文章目录创建图床(以GitHub为例) 1. 注册并登录GitHub账号,点击新建一个公共的仓库 2. 在账户设置中,获取一个TOKEN,保存好生成的TOKEN备用安装PicGo 1. 安装Nod ...
PicGo+Gitee(码云)搭建个人博客的免费图床
在撰写个人博客时,总是需要各种各样的图片,这个需要我们建立自己的图床.相对于专业的付费图床,对于只是编辑个人博客的个人而言,创建免费的图床是很有性价比的.个人图床基于版本工具Gitee或Github等 ...
typora+picgo+gitee搭建免费图床纵享丝滑
typora+picgo+gitee搭建免费图床纵享丝滑 0.写在前面由于之前自己在github搭了自己的博客,伴随之而来的一系列问题.如github不显示图片,github图床加载太慢等一系列问题 ...
Typora+Picgo+Gitee搭建免费云图床
Typora+Picgo+Gitee搭建免费云图床不知道大家在编辑markdown文档后,想要通过例如CSDN平台发布,使用CSDN的导入md功能,但是却发现上传的图片全部都变成:[外链图片转存失败 ...
基于Typora和坚果云搭建自己的完美笔记系统
基于Typora和坚果云搭建自己的完美笔记系统前言需求 Typora 文件树格式图片处理笔记样式坚果云文件夹同步开机启动最后前言本来一直有记笔记的习惯,毕竟个人的PKM管理是一个收 ...
Typora+PicGo+腾讯云COS图床搭建
前言之前用的也是Gitee搭建的图床,用了一段时间,挺方便的.昨天开始G了.没办法只能再搭建一个,本着白嫖的想法,看看有没有啥可以白嫖的,也试了一下Github的图床(Github+jsDeli ...
在ubuntu系统中搭建笔记文档（typora+Picgo+Gitee)（全程记录）
在ubuntu系统中搭建笔记文档(typora+Picgo+Gitee)(全程记录) 系统配置:ubuntu18.04 1.安装typora typora官网 Typora常用快捷键(翻译) 命令行中 ...
使用Typora+PicGo+Gitee打造全新Markdown博客创作环境
使用Typora+PicGo+Gitee打造全新Markdown博客创作环境文章目录第一部分:概述 1.1 问题来源 1.2 软件简介第二部分:实现 2.1 软件下载 2.2 GiTee账户令牌 ...
Typora+PicGo+Gitee实现图片上传功能
Typora+PicGo+Gitee实现图片上传功能文章目录 Typora+PicGo+Gitee实现图片上传功能为什么要配置图床? 作为图床的方法效果展示建立 Gitee 图床生成私人令牌 ...

使用Typora+PicGo+Gitee+坚果云搭建免费高效的个人云笔记