Skip to content

dollplayer2501/project2501-v3

Repository files navigation

  

Netlify Status

The URLs below point to the same site.

What is this?

@dollplayer2501's portal and portfolio site? build with 11ty/Eleventy and Gulp.

Getting started

1. git clone

git clone [email protected]:dollplayer2501/project2501-v3.git any-path-name
cd any-path-name

2. Check the Node.js version if necessary

Note

Currently...as of March 2025, I am using mise-en-place instead of rtx.
It seems that hoge processes the file normally even with the file name .tool-versions.
For this reason, I have not changed the file name.

rtx activate fish | source

Refer to ./.tool-versions for the current version used.

3. Npm and package install

npm install

4. Start up

Check my ./package.json's scripts section.

4.1 Build and/or watch locally

Output files are stored in ./any-path-name/_develop.
URL is http://localhost:8080 (default).

npm run develop:watch

4.2. Build a product version and visual confirmation

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

Memo

Portfolio images

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.

//

About

@dollplayer2501's portal and portfolio site, build with 11ty/Eleventy and Gulp.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published