npm 包 nesg 使用教程

简介

nesg 是一个基于 Node.js 的静态网站生成器,它能够生成一个静态的 HTML 网站,可以直接发布到服务器上。nesg 支持使用 EJS 模板引擎,Markdown 文件转换,代码高亮等功能,而且可以方便地扩展功能。

安装

nesg 是一个命令行工具,可以通过 npm 安装。在安装之前,需要确保已安装 Node.js 和 npm。

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

使用教程

使用 nesg 生成网站的步骤如下:

1. 创建项目目录

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

2. 初始化项目

---- ----

init 命令会在当前项目目录生成一个基本的网站结构和配置文件。

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

3. 编写 Markdown 文件

nesg 默认读取 _posts 目录下的 Markdown 文件来生成网站。可以在 _posts 目录下编写 Markdown 文件。

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

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

- ---

-- ---

--- ---

----------

4. 运行 nesg

运行 nesg 命令,生成网站。

----

nesg 会把 _posts 目录下的 Markdown 文件转换成 HTML 文件,并生成到 _site 目录下。

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

5. 预览网站

使用 web 服务器预览网站。

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

浏览器打开 http://localhost:8080/hello-nesg.html,就可以看到生成的网站了。

模板语法

nesg 支持使用 EJS 模板引擎,可以在模板中使用变量、条件语句、循环语句等功能。

变量

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

条件语句

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

循环语句

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

扩展功能

nesg 支持使用插件扩展功能。可以通过配置文件 _config.yml 中的 plugins 字段来加载插件。

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

总结

通过这次使用 nesg 的体验,可以发现它是一个功能实用、上手简单的静态网站生成器。使用 nesg 可以快速生成静态网站,而且还可以方便地扩展功能。如果你需要生成一个简单的静态网站,不妨一试 nesg。

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


猜你喜欢

  • npm 包 node-static-stable 使用教程

    如果您是一名前端开发者,经常需要开发静态网站或单页应用程序。那么您一定需要一个简单可靠的本地服务器来测试您的应用程序,而这时候 node-static-stable 可以帮助您迅速搭建一个本地服务器。

    3 年前
  • npm 包 primo-explore-dom 使用教程

    介绍 primo-explore-dom 是一个 npm 包,它提供了一组访问 Primo 新旧界面 DOM 元素的 API。它是在 Primo 新旧界面之间迁移的过程中开发的,旨在使开发人员更容易地...

    3 年前
  • npm 包 react-native-image-mark-pan-zoom 使用教程

    在移动端开发中,经常会遇到需要为图片添加标记、裁剪以及缩放等操作的场景。而在 React Native 开发中,npm 包 react-native-image-mark-pan-zoom 可以方便地...

    3 年前
  • npm 包 siyou_color 使用教程

    介绍 siyou_color 是一个基于 JavaScript 的颜色处理库,可以方便地进行颜色转换、亮度/对比度调整、混合等操作,适用于前端开发中的各种相应场景。

    3 年前
  • npm 包 mock-authentication-api 使用教程

    在前端开发中我们经常会遇到需要使用认证接口的场景,而在开发过程中我们往往需要调用后端的接口来验证用户身份。然而后端开发需要时间且已经完成的推送有可能无效,这就给前端开发带来了很多的麻烦。

    3 年前
  • npm 包 nand-js 使用教程

    简介 nand-js 是一个基于 JavaScript 的处理逻辑门的开源库, 提供了实现 NAND、AND、OR、XOR、NOT 等常见逻辑门的方法。它可以运行在浏览器和 Node.js 等 Jav...

    3 年前
  • npm 包 zpl_ent.c 使用教程

    在前端开发中,我们经常需要生成标签打印机使用的 ZPL 格式条码。但是,手动编写 ZPL 代码显得十分麻烦,而且容易出错。为了方便开发者,现在有一款 npm 包 zpl_ent.c 可以用来帮助生成 ...

    3 年前
  • npm 包 chattagong 使用教程

    简介 chattagong 是一个前端开发中常用的 npm 包,它提供了一种简洁、易用的方式,帮助我们在不同的浏览器和设备上测试和调试网页。本文将介绍使用 chattagong 的具体步骤和注意事项,...

    3 年前
  • npm 包 console-up 使用教程

    简介 console-up 是一个 npm 包,通过该包可以实现在控制台打印彩色和文本效果,便于开发者在调试过程中更快捷地定位和解决问题。 安装 在终端中执行以下命令: --- ------- ---...

    3 年前
  • npm 包 rc-cropping-ptbr 使用教程

    前言 rc-cropping-ptbr 是一个基于 React 开发的图片裁剪组件,可以方便地在前端页面进行图片裁剪、压缩等操作。该组件已经上传至 npm 仓库,通过 npm 执行安装后即可在您的项目...

    3 年前
  • npm 包 xcoobee-bee-test-utility 使用教程

    如今,前端开发已经成为数百万开发者的首选,其中的 npm 是“Node.js 的包管理器”,被广泛应用于前端开发中。而 xcoobee-bee-test-utility 就是一款基于 npm 的前端测...

    3 年前
  • NPM 包 React-Countdown-Moment 使用教程

    在 React 项目中,倒计时组件是非常常见的。而 React-Countdown-Moment 是一款用于倒计时的 NPM 包,以其简洁易用和功能强大而备受欢迎。

    3 年前
  • npm 包 qc-to_immutable_date 使用教程

    简介 在前端开发中,经常需要对日期进行加减运算,比如计算两个日期之间相差的天数、计算某个日期前/后一周的日期等等。然而,JavaScript原生的 Date 对象并不方便进行这些操作。

    3 年前
  • npm 包 querymen-custom 使用教程

    前言 在 Web 应用的开发过程中,我们经常需要对后端数据进行操作和查询,而使用 querymen-custom 工具包能够方便快速地构建、计算和查询数据。 querymen-custom 是一个基于...

    3 年前
  • npm 包 test-npm-caetvic2 使用教程

    简介 test-npm-caetvic2 是一个前端测试工具,它提供了多种测试方法和断言库,支持测试 React 组件、DOM 操作、异步代码等,使得前端代码测试变得更加简单且高效。

    3 年前
  • npm 包 downdrop 使用教程

    简介 downdrop 是一个利用 jQuery 和 Bootstrap 实现的下拉菜单插件,能够简易地创建、自定义和使用下拉菜单。 安装 在使用 downdrop 前,需要先安装 jQuery 和 ...

    3 年前
  • npm 包 preact-cli-sw-precache 使用教程

    介绍 preact-cli-sw-precache 是一个 PWA 开发必备的 npm 包,可以使用它为 Preact 应用生成一个基于 Service Worker 的缓存策略。

    3 年前
  • npm 包 scraper-ruc-sunat 使用教程

    前言 前端工程师的日常工作之一就是处理数据,而现实中的数据往往是杂乱无章、需要手动整理的。幸好,有不少 npm 包可以帮我们简化这一过程。本文将介绍一个 npm 包 scraper-ruc-sunat...

    3 年前
  • npm 包 @fulminate/deploy 使用教程

    简介 @fulminate/deploy 是一个基于 Node.js 和 Shell 脚本的自动化部署工具,帮助前端工程师快速、简单地将项目部署到服务器上。它提供了简单易用的 API 和配置文件,让开...

    3 年前
  • npm 包 @stratio/egeo-cli 使用教程

    简介 @stratio/egeo-cli 是一个基于 Node.js 和 Angular CLI 开发的前端开发工具,能够帮助开发者快速搭建 Angular 应用程序的脚手架,同时也提供了一些脚手架插...

    3 年前

相关推荐

    暂无文章