npm 包 hexo-front-matter-editor 使用教程

Hexo-front-matter-editor 是一款 npm 包,它可用于在使用 Hexo 博客搭建网站时方便地编辑 Front Matter。 Front Matter 是 YAML 格式的文本,通常是在 Markdown 文件的开头部分包含一些元数据的内容,例如文章标题、作者、日期等等。

安装

安装 hexo-front-matter-editor 的命令如下:

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

使用

首先,在 Hexo 的根目录下创建一个脚本文件 newpost.js,短代码如下:

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

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

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

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

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

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

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

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

这个脚本会要求你输入文章标题以及时间戳,然后将它们组合生成一个新的 Markdown 文件。这里使用了 moment 库来方便地将时间字符串转换成时间戳。

在 Hexo 项目根目录下打开终端,执行以下命令:

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

接着就会出现提示,让你输入文章标题和时间。你可以根据需要自行填写,也可以使用默认值。输入完之后,hexo-front-matter-editor 会自动弹出编辑器界面,编辑新生成的 Markdown 文件的 Front Matter。

示例代码

新建了一个名为 hexo-front-matter-editor-demo 的 Hexo 项目。在该项目中创建 newpost.js 脚本文件,然后使用如下命令来运行脚本:

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

然后,根据提示,在终端输入文章标题和时间戳。如下所示:

输入完成后,hexo-front-matter-editor 会自动弹出编辑器界面,您可以修改生成的 Markdown 文件的 Front Matter,然后保存并退出编辑器。如下所示:

编辑完成后,在 Hexo 项目中的 _posts 文件夹下就会新生成一个 Markdown 文件,该文件的文件名以时间戳和文章标题组成。如下所示:

接下来,我们就可以继续在该文件中撰写我们的文章内容了。

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


猜你喜欢

  • npm 包 ly-toolkit 使用教程

    在前端开发中,有很多常用的工具可以提高开发效率,其中一个非常常用同时也非常实用的工具就是 npm 包 ly-toolkit。本文将详细介绍该工具的使用方法,包括安装、引入、常用 API 等内容,希望能...

    4 年前
  • npm 包 nn-node-stacktrace 使用教程

    在 Node.js 开发中,出现错误时我们通常会在控制台看到一串错误提示,但这些提示往往只提供了错误的基本信息,对于问题的根本原因并没有提供太多帮助。为了更好地定位错误和问题,我们需要一些高级工具,如...

    4 年前
  • npm包@nx-js/dom-util使用教程

    在前端开发中,有时候我们需要在DOM中进行一些特定的操作,例如获取元素属性、添加/删除/替换元素等等。在这种情况下,使用JavaScript对DOM进行操作是不可避免的。

    4 年前
  • npm 包 @nx-js/compiler-util 使用教程

    简介 @nx-js/compiler-util 是一个用于编译 JavaScript 代码的 npm 包。它是由 Nx 设计的一个工具,用于帮助开发者编写高效的 JavaScript 代码,并提供许多...

    4 年前
  • npm 包 @nx-js/style-middleware 使用教程

    @nx-js/style-middleware 是一个用于处理样式文件(如css、less、scss等)的中间件,在前端开发中使用广泛。 安装 安装 @nx-js/style-middleware: ...

    4 年前
  • npm 包 @nx-js/flow-middleware 使用教程

    什么是 @nx-js/flow-middleware @nx-js/flow-middleware 是一个用于 Node.js 的流中间件库,可以帮助开发者使用类似于 Koa 的中间件模式操作 Nod...

    4 年前
  • npm 包 @nx-js/interpolate-middleware 使用教程

    在前端开发中,有时需要在页面中动态地插入一些数据,比如用户个人信息、数据库中的数据等。这个时候,就需要使用一些插值中间件来实现。 其中,npm 包 @nx-js/interpolate-middlew...

    4 年前
  • npm 包 @nx-js/framework 使用教程

    前言 随着前端技术的不断发展,前端项目的复杂度也越来越高,因此在开发过程中使用合适的框架非常重要。为了提高开发效率,我们可以使用一些优秀的框架和工具来帮助我们完成开发工作。

    4 年前
  • npm 包 @nx-js/limiters 使用教程

    本文主要介绍如何使用 npm 包 @nx-js/limiters 来限制一段 JavaScript 代码执行的频率。该包为前端开发者提供了一种简单而有效的限制代码执行频率的方式,以保障页面性能。

    4 年前
  • npm 包 @nx-js/observe-middleware 使用教程

    @nx-js/observe-middleware 是一个 Node.js 和浏览器中用来观察 JavaScript 对象的中间件,它可以帮助我们在对象发生变化时自动执行回调函数并更新视图。

    4 年前
  • npm 包 @nx-js/route-middleware 使用教程

    什么是 @nx-js/route-middleware @nx-js/route-middleware 是一款开源的 npm 包,它提供了一种简便的方式来设计和实现路由中间件,同时也能轻松解耦应用程序...

    4 年前
  • npm 包 markty-csv 使用教程

    在前端开发中,处理数据是一个常见的任务。而 CSV 格式是一种常用的数据格式,它可以方便地对数据进行存储和传输。在 Node.js 中,有很多处理 CSV 格式数据的工具,其中 markty-csv ...

    4 年前
  • npm 包 osulevelcalculator.js 使用教程

    osulevelcalculator.js 是一个基于 Node.js 的 npm 包,用于计算 osu! 游戏的 osu!Level 值。本篇文章将会介绍如何使用 osulevelcalculato...

    4 年前
  • npm 包 whateverhook 使用教程

    简介 whateverhook 是一个 npm 包,它是一个便于使用的 webhook 工具,方便你在使用 git 时快速地触发某些操作,比如在代码提交后触发自动构建、部署等操作。

    4 年前
  • npm 包 @nx-js/core 使用教程

    简介 @nx-js/core 是一个基于 RxJS 的轻量级状态管理库,可以帮助开发人员简化复杂的状态流程处理。 该库提供了以下特性: 响应式状态管理,可以通过操作流来更新状态 状态组合,可以把多个...

    4 年前
  • npm 包 @nx-js/params-middleware 使用教程

    简介 @nx-js/params-middleware 是一款前端开发中常用的中间件库,它可以在处理 HTTP 请求时,方便地获取请求参数、处理请求数据,以及在响应过程中进行数据格式的转换。

    4 年前
  • npm 包 @nx-js/filters 使用教程

    前言 在 Web 前端开发中,经常需要对数据进行格式化和过滤操作。而 @nx-js/filters 就是一个非常好用的用于数据格式化和过滤的 npm 包。它提供了丰富的过滤器来满足不同场景下的需求。

    4 年前
  • npm 包 @nx-js/events-middleware 使用教程

    @nx-js/events-middleware 是一个非常实用的 npm 包,它可以帮助我们在前端开发中更好地处理事件。 安装 要使用 @nx-js/events-middleware,我们首先需要...

    4 年前
  • npm 包 @nx-js/queue-util 使用教程

    在前端开发中,经常需要处理异步任务。但是,如果过多的异步任务会影响性能,甚至会导致应用程序崩溃。这时我们就需要使用队列来管理异步任务。在创建队列时,我们可以使用 @nx-js/queue-util 这...

    4 年前
  • npm 包 @nx-js/ref-middleware 使用教程

    在前端开发过程中,我们经常需要使用到 ref 引用。而 @nx-js/ref-middleware 这个 npm 包为我们提供了一种更加方便高效的引用方式。 在该文章中,我们将介绍该 npm 包的基本...

    4 年前

相关推荐

    暂无文章