| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| webdev:eleventy [2025/08/13 02:38] – [Editing the styling] scumsuck | webdev:eleventy [2025/08/13 02:52] (current) – scumsuck |
|---|
| * I have no idea what I'm doing. I just know how to install Minecraft mods so I know what folder structure is, and how to see file extensions. | * I have no idea what I'm doing. I just know how to install Minecraft mods so I know what folder structure is, and how to see file extensions. |
| * You should read [[https://www.11ty.dev/docs/|Eleventy's official documentation]] if you're going to do anything more complex than copying a template. For now, my gorilla brain only understands how to copy a template. | * You should read [[https://www.11ty.dev/docs/|Eleventy's official documentation]] if you're going to do anything more complex than copying a template. For now, my gorilla brain only understands how to copy a template. |
| | * One of the frustrating things about SSGs that I've come across is that it simply will not build your site if you have a mistake in your HTML. Like if you spell sophi.png instaed of sophie.png, it will not even try to build the rest of the webpage. Whereas if you were to just type regular HTML, the rest of the page would load even if you spelled something wrong. I hate this very much. |
| ===== Set-up process ===== | ===== Set-up process ===== |
| - Using this webcomic template: https://github.com/katedee/eleventy-webcomic | - Using this webcomic template: https://github.com/katedee/eleventy-webcomic |
| ===== Editing the styling ===== | ===== Editing the styling ===== |
| - Replace images like ''favicon.png'' and ''logo.png'' with your own images. | - Replace images like ''favicon.png'' and ''logo.png'' with your own images. |
| - This template has some sort of image processing plugin that absolutely destroys the quality of your images. I removed some lines in ''eleventy.config.js'' that seemed to affect that, underneath ''eleventyConfig.addPlugin(eleventyImageTransformPlugin, {'' | - This template has some sort of image processing plugin that absolutely destroys the quality of your images. I went to ''eleventy.config.js'' and underneath ''eleventyConfig.addPlugin(eleventyImageTransformPlugin, {'', I added ''formats: ["auto"],'' so it didn't convert to ugly crusty webps. Sorry I already optimize my images for web??? You may need to refresh your localhost server to see the changes. |
| |
| |
