11ty

看起来11ty是一个非常好用的静态网页生成工具呐，被CodingStartup种草到了😂。

官方文档

Overview—Eleventy, a simpler static site generator. (11ty.dev)

安装

#新建文件夹并进入
mkdir my-website && cd my-website

#用NPM初始化package.json
npm init -y

#安装
npm install @11ty/eleventy

修改package.json的scripts部分

  "scripts": {
    "start": "npx eleventy --serve"
  },

这样就可以直接运行 npm run start 启动一个本地的网页服务器了。

运行

npm run start

配置

设置原markdown文件存放至src文件夹，生成文件至dist

创建 .eleventy.js 文件

module.exports = (eleventyConfig) => {
    return {
        dir: {
            input: 'src',
            output: 'dist'
        },
        markdownTemplateEngine: 'njk'
    }
}

使用Glitch快速部署

https://glitch.com/edit/#!/remix/glitch-hello-eleventy

相关链接

Eleventy is a simpler static site generator. (11ty.dev)