Ghost 是一款开源的博客平台，可以轻松地创建自己的博客网站。而 ghost-smms-store 是一个 npm 包，它为 Ghost 博客添加了支持 SM.MS 图床的存储功能。本篇文章将详细介绍 ghost-smms-store 的使用方法，包括安装、配置、使用等方面，帮助读者更好地上手。
安装 ghost-smms-store
首先，我们需要将 ghost-smms-store 安装到本地项目中。
--- ------- ---------------- ------
这里使用 npm 命令将 ghost-smms-store 安装到当前目录的 node_modules 文件夹下，并保存到 package.json 中的 dependencies 中。
配置 Ghost 博客
在使用 ghost-smms-store 之前，我们需要在 Ghost 博客中配置一些信息，以便允许 Ghost 使用 SM.MS 图床进行图片存储。
- 在 Ghost 博客后台进入
Code Injection页面。 - 找到
Site Header栏目，并添加以下标签，填写自己的 SM.MS API Token。
--------
----------------- - -
------ ---------------------
--
---------这里的 YOUR_SMMS_API_TOKEN 就是你在 SM.MS 图床官网注册后获取到的 token，可以在 SM.MS 的用户中心中进行查看。
使用 ghost-smms-store
配置完成后，我们就可以开始使用 ghost-smms-store 了。对于在 Ghost 博客发布文章时需要添加图片的情况，我们需要修改文章的 markdown 文件，将图片链接设为 SM.MS 的链接。
例如，下面是发布一篇文章时添加图片的 markdown 示例：
------- -------------------------------------------------- --------------------------------------------------
我们只需要将图片链接修改为 SM.MS 的链接即可，例如：
------- ----------------------------------------------------- -----------------------------------------------------
修改完成后保存即可。
总结
通过本篇文章，我们详细介绍了如何使用 npm 包 ghost-smms-store 为 Ghost 博客添加支持 SM.MS 图床的存储功能，并在文章发布时使用 SM.MS 的链接。通过这样的方式，我们可以轻松地将文章中的图片存储到 SM.MS 图床中，降低 Ghost 博客的存储成本，提高网站的访问速度。同时，我们也可以从这个例子中了解到如何使用 npm 包来扩展 Ghost 博客的功能，进一步了解前端开发的方法和技巧。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5751ab1864dac66c6c