Age | Commit message (Collapse) | Author | |
---|---|---|---|
2024-11-17 | Add width and height attrs for local images | Sangeeth Sudheer | |
Image render hook now computes width/height of local images and adds them as attributes. This patch also adds relevant CSS changes to prevent stretchy images. The main reason for this change is to avoid content shifts when images load. Without providing width/height, browser doesn't have info to know the aspect ratio to reserve some space until the image loads. With this change, browser knows the intrinsic size and aspect-ratio to reserve space and avoid content shifts in the page. I believe this also fixes an issue I face in Safari where sometimes, an image below the fold wouldn't load and thus have zero height because it has loading="lazy". To avoid images getting stretched and images overflow/filling the entire screen when their intrinsic size is larger than the container size, I've added some CSS. A configurable `max-height` is present which is used for `figure img` elements. This especially helps when you have tall images like mobile screenshots. | |||
2024-10-31 | Support relative paths in markdown images | Sangeeth Sudheer | |
Adds code from Hugo's built-in render-image hook and modifies it slightly to support relative image paths in markdown files. Previously, we'd have to spell the absolute path from root of the hugo site or make directories for each individual post which is what Hugo recommend. But this was very inefficient. This change allows us to use editors like Obsidian, VSCode and have them render the images correctly. It also supports Hugo's page bundles for rendering images as a result. Based on the order, I believe page bundles are given priority so that works out. i.e, if you have the following tree: ``` content └── posts ├── _index.md ├── hello.md ├── images │ └── test.png └── test.png ``` You can now include images in `hello.md` in the following ways: ```     ``` | |||
2024-09-20 | add support for Mermaid diagrams | simon-siggaard | |
2024-05-23 | Image tags for sizing | Francesco | |
2024-05-21 | Minor | Francesco | |
2024-04-24 | Img lazy loading | Francesco | |
2024-04-22 | Theme Update | Francesco | |