前言
在这个信息爆炸的时代，拥有个人知识库绝对是一个巨大的优势。今天我将分享如何使用VuePress、GitHub Pages、PicGo和腾讯云对象存储来构建高效、美观且易于维护的个人知识库。
技术架构
VuePresss+GitHub Pages+picgo+腾讯云对象存储+任意Markdown 编辑器（我个人推荐Typora、Obsidian、Yank Note）+git
VuePresss 组件允许您将Markdown 语法转换为静态网页。利用GitHub Pages 的免费静态网页存储，以零成本构建您的个人知识库。缺点是访问速度可能会较慢。 picgo和腾讯云对象存储都很慢。集成图床的效果可以提高知识库的图像传输速度，弥补访问速度上的缺点。我推荐的三款Markdown编辑器还支持自动上传图片到图床、转换链接，以及利用git简单的推送机制来完成自己的个人知识库。另外，插入的图像使用图像床，因此您可以直接复制md文件并将其发布到多个平台。
前期准备
节点
git
GitHub 帐户
腾讯云对象存储
一、PicGo 图床搭建
安装 PicGo
PicGo是一款快速上传照片并获取图片URL链接的工具。支持腾讯云COS、七牛图床、Github图床、优拍云图床、SM.SM等。
以Windows为例。首先访问Github仓库下载客户端安装包（点击跳转），找到自己需要的最新版本，找到对应平台的安装包，点击下载。
下载后，请照常安装
安装 webp 插件
PicGo 有一组有用的插件，可帮助您扩展其功能，包括压缩图像、添加水印等。本文以WebP插件为例，讲解如何在PicGo中使用插件。
webp 插件在上传图像之前将图像转换为.webp 格式。与传统的.jpg、png 等格式相比，它在相同的空间量下提供更高的质量，在相同的质量下提供更少的空间。图片在上传到COS 之前会进行压缩，这对于节省存储空间和流量很有帮助。如果您对图片格式有特殊要求，又不想转换格式，可以跳过此步骤。
打开PicGo，输入插件设置，在搜索栏中输入插件名称进行搜索，然后安装。很方便。
COS 对象存储
COS（Cloud Object Storage）是腾讯云推出的分布式存储服务。它没有目录层次结构和数据格式限制，可以容纳大量数据，并且支持HTTP/HTTPS协议访问。腾讯云COS 存储桶空间无容量限制，无需分区管理。适用于CDN数据分发、数据处理、大数据计算分析的数据湖等多种场景。
创建存储桶
请根据需要输入项目。需要注意的一件事是，默认情况下它是私有读写。本文将选择公共读和私有写，因为将主要使用此存储桶。图像托管服务用于存储图像并提供对外界的公共访问。
然后单击下一步继续创建。
创建成功后，进入您的bucket列表，记录bucket的名称和所属区域的代号（ap-shanghai，如图）。
创建 API 秘钥
进入访问管理-访问密钥-API密钥管理（点击此处访问）会询问您是否要使用子账户管理。这里您可以根据自己的实际需要进行选择。创建它。
创建成功后，保存APPID、SecretId、SecretKey。防止泄漏非常重要。
配置 PicGo 图床服务
打开安装好的PicGo客户端，进入图床设置> 腾讯云COS，输入上面保存的设置。
COS 版本：选择COS v5。 Set SecretId：开发者拥有的项目标识ID。用于身份认证，可在API密钥管理页面创建和检索。 Set SecretKey：开发者拥有的项目ID密钥。您可以在API密钥管理页面获取。 Set Bucket：桶，COS 中用于存储数据的容器。有关存储桶的更多信息，请参阅存储桶概述文档。设置AppId：开发者访问COS 服务时拥有的用户维度的唯一资源ID，用于标识资源，可在API Key 管理页面检索。配置存储区域：桶所属区域信息，枚举值请参见ap-beijing、ap-hongkong、eu-frankfurt等可用区域的文档。设置存储路径：图片在COS 存储桶中存储的路径。设置自定义域名：可选。如果您已经为上面的存储空间配置了自定义原始域名，则可以输入。有关相关概述，请参阅启用自定义源域名。设置URL 后缀。通过在URL后缀中添加COS数据处理参数，可以实现图像压缩、裁剪、格式转换等操作。有关相关概述，请参阅图像处理。
Bucketm 是存储桶名称。
存储路径为图片上传后存储桶内的目录结构，可根据需要填写。当您键入时，Bucket 会自动创建相应的目录结构。请注意，它必须以/结尾以表示目录。
自定义域名。 COS 具有对应存储桶中文件的默认URL。例如，我的域名是https://kunwu-1251820157.cos.ap-beijing.myqcloud.com。 COS 支持自定义域名。如果您的自定义域名绑定了COS（这是前提），当您输入此字段时，PicGo 会检索重写的文件URL。如果没有绑定自定义域名，则可以忽略此字段。
然后单击“确定”将其设置为默认图像床。
接下来，进入PicGo 设置并打开上传前重命名和重命名时间戳以避免重复的照片名称。
测试
打开PicGo上传区域，选择您本地的照片进行上传。上传前会根据时间戳自动重命名。或者您可以自己更改。
单击“确定”上传图像。
PicGo的相册功能显示您上传的照片，并提供复制照片URL、编辑照片URL、删除相册等基本操作。请注意，仅删除本地数据不会影响您在云端的照片。
进入腾讯云COS 控制台，输入对应的存储桶。可以看到图片已经成功上传。
存储桶中的每个文件都被分配了唯一的访问地址。点击详情查看：
使用图床：在 Typora 粘贴图片时自动上传
打开Typora，转到“文件”>“首选项”>“图像设置”，然后进行以下三项设置：
插入图像时，上传服务使用PicGo（应用程序）来设置PicGo程序的安装路径。
稍后，当您使用typora创建md文档并插入图片时，会自动调用PicGo客户端并将图片上传到目标平台。
使用图床：在 YankNote 粘贴图片时自动上传
打开YankNote 左下角的齿轮图标并查找图像。
使用图床：在 Obsidian 粘贴图片时自动上传
安装名为“图像自动上传插件”的黑曜石插件。安装后，使用默认设置，无需更改任何内容。
然后，当您将图像粘贴或拖动到Obsidian 中时，插件和Picgo 会自动上传图像，并自动在相应位置插入并显示图像链接。
小结
至此，基于腾讯云COS+PicGo的图床服务就完成了。整个过程可以总结如下：
实名注册腾讯云账号，打开COS 创建存储桶，创建API 密钥，本地安装PicGo 客户端工具，并根据需要配置插件。在Picture Bed 设置中正确输入所有配置。您还可以将其与其他常用工具（例如Typora）结合使用或使用图床服务。
二、本地搭建 VuePress
原创文章，作者：CSDN，如若转载，请注明出处：https://www.sudun.com/ask/93890.html
