利用Typora+PicGo+OSS+Git+Github/码云搭建个人云笔记

搭建个人云笔记

对于程序员来讲，使用markdown可以帮助我们快速地写作，书写出排版好看，颜值高的笔记，使用markdown来书写文档相比于使用word要简单快捷的多

市面上有很多markdown的编辑客户端，从各种使用体验来看，推荐使用Typora，实时渲染让我们写的文档所见即所得。

Markdown编辑器

以下是几款常见的实时渲染的markdown编辑器,看个人使用习惯自由选择

Typora，MarkdownPad，Mou，Haroopad，Cmd Markdow

附上Typora的使用截图：

图床客户端PicGo

PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具，这是PicGo官方对此应用的描述

附上PicGo的下载地址： https://github.com/Molunerfinn/PicGo/releases

PicGo仅仅是一个图片上传到对象存储的客户端，我们还需要一个存储图片的位置，PicGo支持的配置还是很多的

这里我使用阿里云的OSS，一年9块钱40G

也可以使用七牛图床，七牛云对免费用户有10G的免费流量。

个人推荐使用OSS，收费不贵管理方便

此处忽略购买过程....

在PicGo配置OSS

创建一个Bucket用于存储图片

登录阿里云oss控制台-->Bucket列表-->创建Bucket

创建的一个Bucket有点类似于我们的一块磁盘，我们可以在上面创建文件夹，上传文件。

我在新创建的Bucket上创建了markdown/images文件夹来用于做为我文章的配图的图床

对此文件设置匿名可以访问的权限，方便图片在任何地方无需认证只需要url就可以访问到

新增授权

获取上传到OSS的keyId和keySecret

创建访问OSS用户

新增oss用户

保存用户获取到 AccessKey ID和 AccessKey Secret 可以先保存下来用于之后PicGo配置

配置PicGo的阿里云OSS的KeyId和keySecret，将如上获取到的 AccessKey ID和 AccessKey Secret分别填入此处。存储路径一定要写刚刚我们设置可匿名访问的路径

确定存储区域这里需要填写我们oss的存储区域ID，在创建Bucket的时候选区域是有显示的，忘了也不要紧。在如下位置也可以获取到这个id

给我们新创建的用户添加访问OSS的权限

添加OSS所有权限

自此我们在PicGo配置OSS的全部步骤就已经全部完成

可以在PicGo上传图片试试

在OSS的控制台上也可以看到我们图片的具体信息

复制文件URL在浏览器打开可以直接访问到我们刚上传的图片，无需认证。如果此处出现访问失败，403等错误，请检查是否按上面的配置匿名访问配置了文件夹的匿名访问权限

Typora集成PicGo

打开Typora-->偏好设置-->图像

插入图片时候选择上传图片，上传服务选择PicGo(app)，PicGo路径选择PicGo程序所在位置默认安装位置在C:\Program Files\PicGo\PicGo.exe

按如上配置好点击验证图片上传选项 会自动将Typora图标上传至OSS。验证成功有如下提示

在OSS文件管理处也可以查看到验证时上传的图标文件

使用Typora上传图片

在Typora上只需要按正常的复制粘贴图片就都会上传至OSS，并且上传完毕之后，图片的URL会自动变成OSS上的图片路径

进阶用法

文档同步

自此一个带有图床的笔记工具就打造完成，已经足够个人使用了。如果有在多个电脑上共同编辑的需求，比如家里的笔记文章，到了上班的电脑上也需要继续编辑，达到同步的效果有以下解决方案

1. 使用OneDrive的同步功能，只需要把Typora的编辑的文件都放在OneDrive的同步文件夹下就好。

2. 当前国内也有很多提供此服务的云厂商比如百度网盘的文件夹同步，WPS的文件夹同步，坚果云。使用坚果云还可以很好地在手机上浏览所书写的笔记文章

协同编辑

以下方案的使用需优先使用git，熟悉使用git的人，看完以下介绍自然能了解整套方案的便利之处

谈到协同编辑，团队开发就离不开git了

最终方案：Typora+PicGo+OSS+git+github/码云

这套方案可以实现文档同步，本版控制，版本回滚，协同编辑

将我们的笔记存放的文件夹使用git初始化为一个本地仓库，再在github或者码云上创建一个远程仓库。

将本地仓库push到远程仓库，作为云存储。这样可多个人pull这个仓库，实现多人编辑。

依赖git的版本控制能力，还使得我们对文档的版本有历史回滚的能力。

即可实现在码云上或者github上直接浏览在线图片，码云上在线查看如下

如果在线访问图片出现403等报错检查是否设置了防盗链和不允许空Reference