简介
nesg 是一个基于 Node.js 的静态网站生成器,它能够生成一个静态的 HTML 网站,可以直接发布到服务器上。nesg 支持使用 EJS 模板引擎,Markdown 文件转换,代码高亮等功能,而且可以方便地扩展功能。
安装
nesg 是一个命令行工具,可以通过 npm 安装。在安装之前,需要确保已安装 Node.js 和 npm。
npm install -g nesg
使用教程
使用 nesg 生成网站的步骤如下:
1. 创建项目目录
mkdir mysite && cd mysite
2. 初始化项目
nesg init
init 命令会在当前项目目录生成一个基本的网站结构和配置文件。
mysite/ ├── _config.yml ├── _layouts/ │ ├── default.ejs ├── _posts/ ├── _site/
3. 编写 Markdown 文件
nesg 默认读取 _posts
目录下的 Markdown 文件来生成网站。可以在 _posts
目录下编写 Markdown 文件。
-- -------------------- ---- ------- --- ------ ------ ---- --- ------ ---- ---- - --- -- --- --- --- ----------
4. 运行 nesg
运行 nesg 命令,生成网站。
nesg
nesg 会把 _posts
目录下的 Markdown 文件转换成 HTML 文件,并生成到 _site
目录下。
mysite/ ├── _config.yml ├── _layouts/ │ ├── default.ejs ├── _posts/ │ ├── hello-nesg.md ├── _site/ │ ├── hello-nesg.html
5. 预览网站
使用 web 服务器预览网站。
cd _site npx http-server
浏览器打开 http://localhost:8080/hello-nesg.html
,就可以看到生成的网站了。
模板语法
nesg 支持使用 EJS 模板引擎,可以在模板中使用变量、条件语句、循环语句等功能。
变量
<%= variable %>
条件语句
<% if (condition) { %> // code <% } else { %> // code <% } %>
循环语句
<% for (var key in object) { %> // code <% } %>
扩展功能
nesg 支持使用插件扩展功能。可以通过配置文件 _config.yml
中的 plugins
字段来加载插件。
plugins: - nesg-plugin-paginate
总结
通过这次使用 nesg 的体验,可以发现它是一个功能实用、上手简单的静态网站生成器。使用 nesg 可以快速生成静态网站,而且还可以方便地扩展功能。如果你需要生成一个简单的静态网站,不妨一试 nesg。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005603d81e8991b448de69a