A static photography portfolio and blog built with Hugo, designed to replace platforms like Instagram, Visura or Squarespace and give you full ownership of your work.
Built by a documentary photographer and visual anthropologist who wanted out of the platforms.
Analog is a minimal, fast, multilingual Hugo template for photographers and visual researchers. It includes:
- Justified photo gallery with lightbox (PhotoSwipe)
- Slider on the home page for featured projects
- Blog with featured image support
- Multilingual (Catalan, Spanish, English — or any language you configure)
- Dark mode support
- RSS feed
- Git LFS ready for large image files
- Obsidian compatible — write your content in Obsidian, publish with a git push
- Deploys for free on Cloudflare Pages
- Hugo — static site generator
- PhotoSwipe — lightbox gallery
- Cloudflare Pages — free hosting with global CDN
- Obsidian — optional content writing workflow
- Git LFS — large file storage for images
- HTML / SCSS / Vanilla JS — no frameworks, no dependencies
analog/
├── content/
│ ├── _index.{ca,es,en}.md # Home page by language
│ ├── about/
│ │ └── _index.{ca,es,en}.md # About page by language
│ ├── blog/
│ │ ├── _index.{ca,es,en}.md
│ │ └── post-name/
│ │ ├── index.ca.md # Post content (one file per language)
│ │ └── featured.jpg # Featured image (filename must contain "featured")
│ └── projects/
│ ├── _index.{ca,es,en}.md
│ └── project-name/
│ ├── index.ca.md # Project content
│ ├── feature.jpg # Cover image (filename must contain "feature")
│ └── photo-01.jpg # Gallery images
├── layouts/
│ ├── _default/ # Base templates
│ ├── blog/ # Blog templates
│ ├── page/ # Static page templates
│ └── partials/ # Reusable components
├── assets/
│ ├── css/ # SCSS stylesheets
│ └── js/ # JavaScript
├── static/
│ └── images/ # Static images (logo, profile pic, favicons)
├── i18n/ # Translation strings
├── archetypes/ # Content templates
└── hugo.toml # Main configuration
- Hugo extended v0.158+
- Git LFS (for image handling)
git clone https://github.com/Pizaguerri/Analog.git
cd Analog
git lfs install
hugo server -DThe site will be available at http://localhost:1313.
hugo new projects/project-name/index.ca.mdThis uses the archetypes/proyectos.md template and generates the correct frontmatter. Place your images in the same folder as the markdown file.
Frontmatter reference:
---
title: "Project title"
date: 2024-01-15
draft: true # Set to false to publish
description: ""
weight: 10 # Display order (lower = first)
featured: true # Show in home slider
private: false # Hide from project list
gallery_position: top # "top" or "bottom" relative to text
tags:
- Portfolio
resources:
- src: feature.jpg
title: ""
params:
hidden: true # Prevents duplicate in gallery
---hugo new blog/post-name/index.ca.mdAdd a featured.jpg image to the post folder — it will appear as the cover image automatically.
- Long edge: 1600px
- Quality: 82–85%
- Format: JPEG
- Color space: sRGB
Hugo processes and resizes images automatically. Do not export at full resolution.
You can write your content directly in Obsidian and sync it to Hugo via a symlink:
ln -s /path/to/hugo/content /path/to/obsidian/vault/contentFrom that point, anything you write in Obsidian under content/ is immediately visible to Hugo.
- Push your repo to GitHub or Codeberg
- Connect the repo in Cloudflare Pages dashboard
- Set build command:
hugo --minify - Set output directory:
public - Add environment variable:
HUGO_VERSION = 0.161.1
Every push to main triggers an automatic deploy.
The template supports any number of languages. Languages are configured in hugo.toml. Each piece of content can have one file per language (index.ca.md, index.es.md, index.en.md). You only need to create the files for the languages you want — missing translations are simply not shown.
Code: MIT License
Content (photos, texts) in the demo is © UNSPLASH — not included in the MIT license.
Built with the help of Claude (Anthropic).
Pablo Izaguerri — documentary photographer and visual anthropologist based in Barcelona.