The URLs below point to the same site.
@dollplayer2501's portal and portfolio site? build with 11ty/Eleventy and Gulp.
- One page website
- Back end system is 11ty/Eleventy and Gulp.
- Eleventy
- eleventy-plugin-directory-output plugin
- html-minifier
- Nunjucks included in 11ty/Eleventy
- Use markdown-it and markdown-it-deflist instead of build in Markdown
- Gulp
- npm scripts
- Node.js versioning assumes the use of rtx
- Eleventy
git clone git@github.com:dollplayer2501/project2501-v3.git any-path-name
cd any-path-name
rtx activate fish | source
Refer to ./.tool-versions
for the current version used.
npm install
Check my ./package.json
's scripts
section.
Output files are stored in ./any-path-name/_develop
.
URL is http://localhost:8080
(default).
npm run develop:watch
Output files are stored in ./any-path-name/_product
.
HTML, JavaScript and CSS are compressed, image files are converted to webp.
npm run product:build
If you want to visually check using a web browser, please see below.
URL is http://localhost:3000
(default).
npm run product:serve
Portfolio images are created using ImagemMagick commands in Python.
These Python scripts are invoked by shell scripts from an Npm script.
I plan to introduce light boxes in the near future.
//