npm 包 smms-cli 使用教程

前言

当今互联网时代,图片已经成为了不可或缺的一部分,随着互联网的快速发展,传媒技术的革新,图片的重要性在不断提升,因此我们需要更多的工具来辅助我们在前端开发中使用图片。

今天我们要介绍的是 smms-cli 这个 npm 包,它是一个可以帮助我们更方便、快捷地使用图片的工具。

在本文中,我们将详细介绍如何使用 smms-cli 包来上传图片,以及如何在前端开发中使用 smms-cli 包。

简介

smms-cli 是个命令行工具,用于上传图片至 sm.ms 图床,它可以让你在一个命令行窗口中上传图片,复制图片链接,还可以直接将图片链接复制带 img 标签的 HTML 代码,省去了打开浏览器,进入图片上传网站,再将图片链接复制的过程,更加方便快捷。

安装

首先,我们需要在本地先安装 Node.js 环境,因为 smms-cli 是一个 Node.js 编写的 npm 包。

打开终端,输入以下命令即可安装 smms-cli 包:

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

命令使用

安装完 smms-cli 包之后,我们可以在命令行终端中,使用以下命令上传图片:

---- ------

其中,[file] 表示要上传的图片路径,例如:

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

上传成功后,命令行终端会返回图片的 URL 链接,如下所示:

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

此外,我们还可以通过 ctrl + vcmd + v 来复制该链接到剪贴板。

另外,如果你还需要同时上传多张图片,可以将多张图片放到一个文件夹中,使用 * 通配符来匹配该文件夹:

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

这条命令会自动上传该文件夹中的所有图片,并分别返回每张图片的 URL 链接。

除了上传图片外,smms-cli 还支持多种命令,这里我们简单介绍几个常用的命令:

smms paste

该命令将自动复制图片生成的 img 标签的 HTML 代码到剪贴板,方便用户在 HTML 页面中快速应用图片。

使用方法如下:

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

示例代码:

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

执行该命令后,终端会自动返回 img 标签的 HTML 代码,如下所示:

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

smms list

该命令将列出用户在 sm.ms 图床中上传的所有图片链接,使用方法如下:

---- ----

smms delete

该命令允许用户删除 sm.ms 图床中已上传的某个图片链接,使用方法如下:

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

其中 [hash] 表示要删除的图片的 hash 值,可以通过 smms list 命令来获得。

示例代码:

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

执行该命令后,该图片链接将会被从 sm.ms 图床中删除。

总结

在本文中,我们详细介绍了如何安装和使用 smms-cli 包来上传和管理图片,它可以帮助我们更加方便、快捷地处理图片,该工具的主要特点包括:命令行上传、快速获取链接、复制 img 标签 HTML 代码、列出图片链接和删除图片链接等等,可以大大提高我们的开发效率。

我们希望这篇文档能够帮助到大家,有关 smms-cli 更多的使用方法,请参阅官方文档,希望大家能够尝试使用,享受它带来的快捷和方便。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066b5551ab1864dac66b30


猜你喜欢

  • npm包rc-date-range使用教程

    在前端开发过程中,经常会用到日期选择器组件。其中,rc-date-range是一个常用的日期范围选择器。本文介绍了npm包rc-date-range的使用方法,并提供了详细的示例代码,希望能对前端开发...

    3 年前
  • npm 包 re-notifier 使用教程

    在前端开发中,通知的功能一般都需要借助第三方库来实现。但很多库不太好用,或者不符合自己的需求。re-notifier 是一款基于 React 的通知库,它可以轻松实现我们想要的效果。

    3 年前
  • npm 包 hello_jest 使用教程

    前言 随着大前端时代的到来,前端技术变得越来越重要。而 npm 是一个全球最大的开源软件注册中心,是前端开发者必不可少的一个工具。而在这其中,Hello_jest 又是一个非常有用的 npm 包,它可...

    3 年前
  • npm 包 ng6-sticky 使用教程

    前言 在前端开发中,我们经常需要处理元素的固定定位,比如在滚动条滚动时保持某个导航栏一直在窗口的顶部,或者实现一个侧栏在某个位置固定不动等等。在 Angular 应用中,ng6-sticky 是一款非...

    3 年前
  • npm 包 @kingjs/descriptor.filter 使用教程

    概述 @kingjs/descriptor.filter 是一款非常实用的 npm 包,它可以让你轻松地过滤对象中的属性,帮助你更好地管理数据。在本文中,我们将深入探讨该 npm 包的使用教程,包含详...

    3 年前
  • npm 包 chrome-web-store-scraper 使用教程

    前言 作为一个前端开发者,我们时常需要爬取一些 Chrome Web Store 上的信息。但这并不是一件简单的事情,需要一些专业且高效的工具来辅助完成这个任务。而 npm 包 chrome-web-...

    3 年前
  • npm 包 anidbjs 使用教程

    前言 在前端应用开发过程中,我们常常需要与第三方 API 进行交互获取数据,而 anidbjs 就是一个专门用来获取动画数据的 npm 包。 anidbjs 基于 Node.js 平台,提供了对 An...

    3 年前
  • npm 包 gatsby-source-cat-facts 使用教程

    导言 在日常开发中,我们常常需要获取一些有趣的数据用于演示、测试等用途。而动物的相关数据常常会更加受欢迎,因此本文将介绍一款 npm 包——gatsby-source-cat-facts,它可以为我们...

    3 年前
  • npm 包 react-fetch-autocomplete 使用教程

    介绍 react-fetch-autocomplete 是一个 React 组件,用于实现带有自动完成功能的文本输入框。该组件基于 fetch API 实现数据的异步加载,并在用户输入时动态地显示匹配...

    3 年前
  • npm 包 @wootencl/react-draggable 使用教程

    简介 @wootencl/react-draggable 是一个 React 拖拽组件,可用于实现元素的可拖拽、可移动等效果。此 npm 包提供了基础的拖拽功能,并支持限制拖拽元素的范围、拖拽时的限制...

    3 年前
  • npm 包 storybook-addon-devtools-viewport 使用教程

    简介 在前端开发过程中,使用 Storybook 来展示组件库是一种常见的做法。而 storybook-addon-devtools-viewport 包则可以让我们在 Storybook 中模拟移动...

    3 年前
  • npm 包 use-component-size-typed 使用教程

    最近,开发者社区中出现了一个叫做 use-component-size-typed 的 NPM 包,使用它可以方便地获取组件的尺寸信息。当我们需要在代码中动态调整组件尺寸时,这个功能非常重要。

    3 年前
  • npm 包 whistle-coding-ad 使用教程

    前言 在前端开发中,我们经常需要处理一些跨域请求。而最常用的解决方案之一便是通过 webpack-dev-server 编写代理服务器来解决跨域问题。然而,随着前端开发的不断发展,代理服务器的配置难度...

    3 年前
  • npm 包 fetch-pkgs-info 使用教程

    介绍 fetch-pkgs-info 是一个可以帮助你获取 npm 包信息的工具包。它可以帮助你快速查询包的基本信息、版本信息、所需依赖等等。通过这个包,你可以更加高效地管理你的项目中所需要的 npm...

    3 年前
  • npm 包 egg-simple-zipkin 使用教程

    随着互联网技术的发展,分布式系统已成为大多数应用程序的主要架构。在这种情况下,对于服务的跟踪和调用链的分析变得越来越重要。Zipkin 是一个用于跟踪调用链的开源工具,而 egg-simple-zip...

    3 年前
  • npm 包 qdownload 使用教程

    在前端开发中,我们常常需要从远程服务器上下载文件到本地。通常情况下,我们可以使用axios等库通过 HTTP 请求获取文件并保存到本地。但是,如果需要在同一时间内下载多个文件,这种方法将会非常低效且效...

    3 年前
  • npm 包 @brikcss/tplit 使用教程

    简介 @brikcss/tplit 是一个基于模板字符串的文本片段处理库,它可以帮助前端开发者快速处理文本片段,包括去除多余空格、删减字符、消除空行、统计字符数等操作。

    3 年前
  • npm 包 aurelia-tinymce-wrapper 使用教程

    前言 TinyMCE 是一款流行的所见即所得的富文本编辑器,它可以让用户通过类似于 Word 的界面来编辑内容。而 aurelia-tinymce-wrapper 是一个封装了 TinyMCE 的 A...

    3 年前
  • npm 包 xstate-react-router 使用教程

    前言 在前端开发中,通常需要管理应用程序的状态,同时还需要将这些状态映射到 UI 的不同部分。为了实现这一操作,我们可以使用 state machines 和路由器。

    3 年前
  • npm 包 react-headless-carousel 使用教程

    在前端开发中,轮播图是一个常见的需求。今天,我们来介绍一款高度可定制的轮播库:react-headless-carousel。 介绍 react-headless-carousel 是一款基于 Rea...

    3 年前

相关推荐

    暂无文章