前言
在这个信息爆炸的时代,拥有个人知识库绝对是一个巨大的优势。今天我将分享如何使用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