npm 包 gridsome-source-mysql-cloudinary 使用教程

介绍

gridsome-source-mysql-cloudinary 是一个使用 Cloudinary 存储图片的 Grisdome 数据源插件。它能够从 MySQL 数据库中提取数据并上传到 Cloudinary 服务器上。

安装

在项目中安装 gridsome-source-mysql-cloudinary

--- - --------------------------------

然后在 gridsome.config.js 文件中配置插件

-------------- - -
  -------- -
    -
      ---- -----------------------------------
      -------- -
        ----------------- ----------------------------------------
        ---------- -------------
        ----------- -
          ----------- ----------------
          -------- -------------
          ----------- ---------------
        -
      -
    -
  -
--

配置说明

connectionString

必填。MySQL 数据库连接字符串。格式为 mysql://user:password@server/database。

tableName

必填。MySQL 表名，用于读取数据。

cloudinary

必填。Cloudinary 参数配置。

  • cloud_name: 必填。Cloudinary cloud_name。
  • api_key: 必填。Cloudinary api_key。
  • api_secret: 必填。Cloudinary api_secret。

使用教程

安装完毕并配置好了 gridsome-source-mysql-cloudinary，运行 gridsome develop 即可开始使用。插件会自动将数据从 MySQL 数据库中提取出来，并上传到 Cloudinary 服务器上。

示例代码

-- -- -- ----------
----------
  ------
    ---- -------- -- ------------------
      ----
        -------------------
        ------------
      --
    ------
  -------
-----------

--------
------ ------- -
  ---------- -
    ------ -
      ------ ------------------------- - -- -----
    --
  --
  ----- --------- -
    ----- - ---- - - ----- -------------------------
      ------ -
        ---------- ----------------------------- -
          --
          -----
          ---------
          ---------
          ----
          ----- -
            ---
            ----------
          -
        -
      --
    --
    --------------- - ----------
  -
--
---------

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600673dffb81d47349e53c2b

阅读全文

猜你喜欢

  • npm 包 @wozien/vue-scrollbar 使用教程

    前端开发中，很多时候需要使用滚动条来优化用户体验，而 @wozien/vue-scrollbar 是一款非常好用的滚动条插件，它可以很方便地对任意 DOM 元素添加滚动条，并且支持自定义样式和滚动行为...

    4 年前
  • npm 包 react-native-brick-list 使用教程

    react-native-brick-list 是一个可以帮助 React Native 开发者快速搭建砖块列表的工具包。它支持 iOS 和 Android 两个平台，并提供了灵活的配置选项和丰富的 ...

    4 年前
  • npm 包 ovh-angular-pagination-front 使用教程

    ovh-angular-pagination-front 是一个用于 AngularJS 的分页组件，旨在帮助前端开发者快速构建页面中的分页功能。在本文中，我们将介绍如何使用 ovh-angular-...

    4 年前
  • npm 包 ovh-angular-responsive-popover 使用教程

    简介 ovh-angular-responsive-popover 是 AngularJS 的响应式弹出框组件，可根据屏幕大小和弹出框内容自动调整弹出框的位置和尺寸，适用于各种设备和屏幕。

    4 年前
  • npm 包 ovh-angular-tail-logs 使用教程

    简介 ovh-angular-tail-logs 是一款前端日志监控工具，基于 Angular 实现。它可以将服务端产生的日志通过 WebSocket 实时推送到前端，从而实时监控服务端的运行情况。

    4 年前
  • npm 包 ovh-angular-sidebar-menu 使用教程

    介绍 ovh-angular-sidebar-menu 是一个适用于 AngularJS 的 npm 包，它提供了一个简单易用的侧边栏菜单组件。该组件可以在 Web 应用程序中使用，用户可以通过它方便...

    4 年前
  • npm包ovh-angular-timeline使用教程

    简介 ovh-angular-timeline是一个方便快捷的angular时间轴组件，为我们实现时间线展示提供了便利。在实际应用中，我们可以使用该组件很方便地展示时间序列，呈现数据随时间的变化情况。

    4 年前
  • npm 包 ovh-iconlib-provider-storage 使用教程

    在前端开发中，常常需要使用图标来丰富页面内容，而 ovh-iconlib-provider-storage 是一个 npm 包，它允许我们使用 OVH 的图标库来获取图标，并通过 Vue 组件和 Re...

    4 年前
  • npm 包 ovh-winston-ldp 使用教程

    在前端开发中，日志是非常重要的一个方面，它可以帮助我们更好地追踪问题、查找错误，并从中学习，提高我们的代码质量。而 npm 包 ovh-winston-ldp 则是一个非常优秀的日志库，它基于 win...

    4 年前
  • npm 包 stylelint-config-ovh 使用教程

    如果你是前端工程师，你一定知道 stylelint 。它是一个强大的 CSS 校验工具，可以帮助你自动化检查 CSS 代码的可读性和可维护性。 stylelint 使用 plugin 和 config...

    4 年前
  • npm包@hapiness/crypto使用教程

    简介 @hapiness/crypto是一个用于加密解密的npm包。它提供了常见的加密算法以及一些其他功能。在该包中，可使用加密算法进行数据加密、解密、签名和验证等操作。

    4 年前
  • npm 包 dbvis-hc 使用教程

    介绍 dbvis-hc 是一个可以让开发者快速将数据库表格转换为高度自定义的 HTML 表的轻量级 npm 包。它支持多种自定义配置，如表格的样式、边框、宽度等等，可以让你自由地将数据以最好的方式展现...

    4 年前
  • npm 包 postmoon 使用教程

    npm 包 postmoon 使用教程 在前端开发过程中，我们常常使用各种 npm 包来帮助我们提高开发效率。今天，我们要介绍的是一个 npm 包 postmoon，它是一个可以将我们的文章转化成正式...

    4 年前
  • npm 包 @evgenycrow/react-date-range-custom 使用教程

    如今，在前端开发中，日期选择组件是非常常见的需求。针对日期选择组件，市面上已经有很多成熟的 npm 包可以使用。今天，我们来介绍一款能够自定义日期选择范围的 npm 包 —— @evgenycrow/...

    4 年前
  • npm 包 hapi-alive 使用教程

    简介 hapi-alive 是 Hapi.js 的插件之一，它用于检查应用程序是否在运行和可用状态。它可以作为对监控和运维任务的一种有效方式，可为客户端提供有关运行状态的反馈。

    4 年前
  • npm 包 verlog 使用教程

    随着前端开发的日益复杂化，我们经常需要在项目中引入各种第三方的 npm 包来辅助我们的开发工作。而版本控制一直是一个前端开发中不可避免的问题。一个 npm 包是否可以满足我们所需的版本要求，版本是否稳...

    4 年前
  • npm 包 apollo11-tree 使用教程

    介绍 在前端领域中，我们经常需要使用各种 npm 包来提高我们工作的效率和代码的质量和可维护性。今天，我们要介绍的是一个非常实用的 npm 包：apollo11-tree。

    4 年前
  • npm 包 testing-patterns 使用教程

    背景 在前端开发中，测试是非常重要的一部分，它能够保证我们写出的代码稳定可靠，并帮助我们及早发现问题。而在测试中，测试模式也是非常重要的一个概念，掌握各种测试模式可以提高我们的测试效率。

    4 年前
  • npm 包 athecoder-jest 使用教程

    Jest 是一种流行的 JavaScript 测试框架，常用于前端应用程序的测试，并且具有易于使用、快速、可靠等特点。而 npm 包 athecoder-jest 则提供了一种简化了 Jest 配置的...

    4 年前
  • npm 包 @farzad.zare/snackbar-react-native 使用教程

    介绍 @farzad.zare/snackbar-react-native 是一款用于 React Native 的轻量级 Snackbar 弹出框组件，可以方便地提供提醒消息和操作指引等功能。

    4 年前

相关推荐

    暂无文章