# Hugo Hugo is an open-source static site generator and framework for building websites. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Integrating Java API Documentation with Hugo Using a Java 25 Doclet DevFeed: [Integrating Java API Documentation with Hugo Using a Java 25 Doclet]() Original publisher: [Read original article]() Author: Shai Almog Published: 2026-09-16T00:00:00Z Content type: article Language: en Sources: [CodeName One]() Topics: [Hugo](), [Java](), [Markdown](), [Documentation]() Tags: [documentation](), [hugo](), [java](), [markdown](), [search]() ### AI overview A Java 25 doclet converts Codename One API models and Markdown documentation comments into Hugo content. This integrates API pages with the site's existing theme and search while preserving member links and an offline Javadoc archive. ### Source excerpt A Java 25 doclet turns the Codename One API model and Markdown comments into Hugo content. The site gains integrated search and theming while preserving member links and the offline Javadoc archive. ## Tools DevFeed: [Tools]() Original publisher: [Read original article]() Author: Kaushik Gopal Published: 2026-09-15T04:00:36.743345Z Content type: article Language: en Sources: [Kaushik Gopal's Site]() Topics: [Programming](), [Cloudflare](), [Terminal](), [Vim](), [Hugo](), [Firefox](), [macOS](), [Obsidian](), [Font]() Tags: [cloudflare](), [firefox](), [hugo](), [mac](), [macos](), [programming](), [programming-font](), [terminal](), [tools](), [vim]() ### AI overview A personal tools page listing services, programming tools, macOS applications, audio equipment, desk items, and physical products. It mentions Buttondown, a customized Hugo site deployed on Cloudflare Pages, Ghostty, tmux, Vim, Zed, Obsidian, Raycast, Firefox, CleanShot, and Logic Pro. ### Source excerpt Bits ## Services ### Newsletter via Buttondown Statically generate site with Henry (highly customized Hugo theme) Deployed on Cloudflare Pages Programming ### Berkeley Mono is my programming font of choice Ghostty for terminal stuff (along with tmux) Within the terminal I'm almost entirely using Vim. Zed as my regular text editor MacOS ### Obsidian for notes & todos Raycast is my launcher Firefox for browsing CleanShot for screenshots on my mac Logic Pro for editing AI Stuff ### With AI evolving so fast, my tag ai-model-choice is a better place to track what I'm using. Atoms ## Desk ### Nordik Leather Desk Mat LEUCHTTURM1917 Soft cover journal dotted Uniball Deluxe 0.5mm Micro pens Audio ### Earthworks Ethos - 400 microphone USBPre 21 audio interface AirPods Max (yes for podcasting!) Physical ### I drive a Tesla Model Y (and eagerly waiting to move to an R3) These are no longer sold but are built like a tank. I'd probably pick the Motu 2 if my USBPre 2 ever fails ↩︎ ## Rewrote my blog with Zine DevFeed: [Rewrote my blog with Zine]() Original publisher: [Read original article]() Author: April Published: 2026-04-19T00:00:00Z Content type: article Language: en Sources: [Drew DeVault]() Topics: [Website](), [Hugo](), [Jekyll](), [Open Source]() Tags: [blog](), [blog-post](), [github-pages](), [hugo](), [jekyll](), [open-source](), [open-source-software](), [static-site-generator]() ### AI overview The author describes rewriting their blog from Hugo to Zine after frustrations with Hugo's complexity and backwards-incompatible changes. They also discuss porting nearly 400 archived posts and exploring Zine's SuperHTML and SuperMD tools. ### Source excerpt 15 years ago, on December 11th, 2010, at the bold age of 17, I wrote my first blog post on the wonders of the Windows Phone 7 on Blogspot. I started blogging as a kid at the behest of a family friend at Microsoft, who promised she'd make sure I would become the youngest Microsoft MVP if I started blogging. That never came to pass, though, because as I entered adulthood and started to grow independent of my Microsoft-friendly family I quickly began down the path to the free and open source software community. Early blog posts covered intriguing topics such as complaining about my parent's internet filter, a horrible hack to "replace" the battery of a dead gameboy game, announcing my friend's Minecraft guild had a new website (in PHP), and so on. After Blogspot, I moved to Jekyll on GitHub pages, publishing You don't need jQuery in 2013. For a long time this was the oldest post on the site. I'm pretty proud of my writing skills and have a solid grasp on who I am today, but the further back you go the worse my writing, ideas, values, and politics all get. I was growing up in front of the world on this blog, you know? It's pretty embarassing to keep all of this old stuff around. But, I decided a long time ago to keep all of it up, so that people can understand where I've come from, and that everyone has to start somewhere.1 At some point - I'm not sure when - I switched from Jekyll to Hugo, and I've stuck with it since. But lately I've been frustrated with it. I'd like my blog engine to remain relatively stable and simple, but Hugo is quite complex and over the past few years I've been bitten by a number of annoying and backwards-incompatible changes. And, as part of my efforts to remove vibe-coded software from my stack, I was disappointed to learn that Hugo is being vibe coded now, and so rewriting my blog went onto the todo list. Choosing the right static site generator (SSG) was a bit of a frustrating process. Other leading candidates, like Pelican or Zola, are also ## Moving from WordPress to Hugo + Cloudflare Pages DevFeed: [Moving from WordPress to Hugo + Cloudflare Pages]() Original publisher: [Read original article]() Author: Shai Almog Published: 2026-02-17T00:00:00Z Content type: opinion Language: en Sources: [CodeName One]() Topics: [Hugo](), [Cloudflare](), [WordPress](), [Giscus](), [Git](), [Markdown](), [Pull Request](), [Caching](), [Dark Mode]() Tags: [caching](), [cloudflare](), [dark-mode](), [development](), [git](), [github](), [hugo](), [markdown](), [pull-request](), [wordpress]() ### AI overview The article explains why Codename One moved its website from WordPress to Hugo and Cloudflare Pages. It describes a Git-based publishing workflow, simpler deployments, improved performance and caching, better JavaDocs, a light/dark mode toggle, and Giscus-powered discussions. ### Source excerpt Why we moved the Codename One website from WordPress to Hugo and Cloudflare Pages, what improved, and how to use Giscus for discussions. ## My IndieWeb Journey: A Guide to POSSE on a Hugo Static Site DevFeed: [My IndieWeb Journey: A Guide to POSSE on a Hugo Static Site]() Original publisher: [Read original article]() Author: Tom Published: 2026-01-27T00:00:00Z Content type: tutorial Language: en Sources: [Tomasz Gągor]() Topics: [IndieWeb](), [Hugo](), [Microformats](), [Giscus](), [GitHub]() Tags: [blog](), [brid-gy](), [building](), [github](), [github-action](), [guide](), [hugo](), [indieweb](), [journey](), [microformats](), [papermod](), [posse](), [static-site](), [syndication](), [web-development](), [webmentions]() ### AI overview A personal guide to applying IndieWeb principles to a Hugo blog through POSSE syndication. It describes cross-posting articles to social networks with a custom GitHub Action, discusses the limitations of comment systems such as Giscus, and emphasizes publishing on an owned site before syndicating elsewhere. ### Source excerpt My journey of integrating IndieWeb principles into my Hugo blog-from microformats to Brid.gy syndication and building a custom Webmention renderer. ## Moved my blog to \[blog.wagemakers.be\](https://blog.wagemakers.be) DevFeed: [Moved my blog to \[blog.wagemakers.be\](https://blog.wagemakers.be)]() Original publisher: [Read original article]() Author: Staf Wagemakers Published: 2026-01-26T17:26:00Z Content type: tutorial Language: en Sources: [stafwag Blog]() Topics: [migration](), [hosting](), [GitHub](), [Security](), [RSS Feed](), [Hugo](), [Atom](), [XML]() Tags: [atom](), [blog](), [disquss](), [github](), [hosting](), [html](), [https](), [hugo](), [jekell](), [migration](), [rss](), [security](), [security-privacy](), [xml]() ### AI overview The author moved the blog from GitHub to self-hosted hosting and documents the migration issues encountered. The article covers HTML redirects, updating hardcoded links, Disqus comment reindexing, and difficulties redirecting RSS feeds when moving from Octopress to Jekyll. ### Source excerpt If you follow my blog posts with an RSS reader, update the rss feed to: https://blog.wagemakers.be/atom.xml ...If you want to continue to follow me off-course ;-) I moved my blog from GitHub to my own hosting ( powered by Procolix ). Procolix sponsored my hosting for 20 years, till I decided to start my company Mask27.dev. One reason is that Microsoft seems to like to put "copilot everywhere", including on repositories hosted on github. While I don't dislike AI ( artificial intelligence ), LLM ( Large Language Models ) are a nice piece of technology. The security, privacy, and other issues are overlooked or even just ignored. The migration was a bit more complicated as usual, as nothing "is easy" ;-) You'll find the pitfalls of moving my blog below as they might be useful for somebody else ( including the future me ). ## How to add llms.txt to a Hugo Blog DevFeed: [How to add llms.txt to a Hugo Blog]() Original publisher: [Read original article]() Author: Tom Published: 2025-10-16T00:00:00Z Content type: tutorial Language: en Sources: [Tomasz Gągor]() Topics: [Hugo](), [AI Bots](), [Search engine optimization (SEO)]() Tags: [ai](), [ai-content-visibility](), [ai-crawlers](), [blog](), [generative-engine-optimization](), [geo](), [how-to](), [hugo](), [hugo-llms-txt](), [hugo-seo](), [llm-metadata](), [markdown](), [seo]() ### AI overview A tutorial showing how to add an llms.txt Markdown file to a Hugo blog using a custom media type, output format, and template. It presents the file as a way to help AI systems understand and discover site content, while noting that its effect on organic traffic is uncertain. ### Source excerpt Learn how to add an llms.txt file to your Hugo blog to make it more visible to AI agents and improve Generative Engine Optimization (GEO). ## Changes in ipSpace.net RSS Feeds DevFeed: [Changes in ipSpace.net RSS Feeds]() Original publisher: [Read original article]() Published: 2025-10-08T04:40:00Z Content type: article Language: en Sources: [ipSpace.net blog]() Topics: [RSS Feed](), [Atom](), [Atom Feed](), [Hugo](), [XML](), [HTML]() Tags: [hugo](), [rss](), [update](), [web](), [xml]() ### AI overview The author describes replacing the ipSpace.net RSS and Atom feed generation system with static Hugo-generated feeds, adding redirects for older URLs, and discontinuing the free-content feed. The changes followed a Feedburner failure that prevented Apple Podcasts from discovering a new episode. The article also discusses feed formatting issues involving iTunes tags, whitespace trimming, HTML escaping, content truncation, and conversion of HTML to plain text. ### Source excerpt TL&DR: You shouldn't see any immediate impact of this change, but I'll eventually clean up old stuff, so you might want to check the URLs if you use RSS/Atom feeds to get the list of ipSpace.net blog posts or podcast episodes. The (hopefully) final URLs are listed on this page. Executive Summary: I cleaned up the whole ipSpace.net RSS/Atom feeds system. The script that generated the content for various feeds has been replaced with static Hugo-generated RSS/Atom feeds. I added redirects for all the old stuff I could find (including ioshints.blogspot.com), but I could have missed something. The only defunct feed is the free content feed (which hasn't changed in a while, anyway), as it required scanning the documents database. You can use this page to find the (ever-increasing) free content. And now for the real story ;) Read more ... ## Crosspost Your Blog articles to Social Media DevFeed: [Crosspost Your Blog articles to Social Media]() Original publisher: [Read original article]() Author: Tom Published: 2025-09-14T00:00:00Z Content type: tutorial Language: en Sources: [Tomasz Gągor]() Topics: [GitHub Actions](), [Hugo](), [RSS Feed](), [Mastodon](), [X (Twitter)]() Tags: [articles](), [boost-blog-traffic](), [crosspost-blog-to-social-media](), [dockerignore-usage](), [github](), [github-actions](), [github-actions-automation](), [how-to](), [hugo](), [hugo-rss-sitemap](), [mastodon](), [mastodon-blog-integration](), [rss](), [seo](), [twitter](), [twitter-crossposting](), [wordpress]() ### AI overview A tutorial on automating blog post crossposting to social networks with GitHub Actions. It describes a custom action that reads posts from a Sitemap or RSS/Atom feed, filters and sorts them, and publishes them automatically, with RSS preferred to avoid reposting updated articles. ### Source excerpt Learn how to automatically share your latest blog posts to Mastodon, Twitter/X, and other social networks using GitHub Actions and the crosspost tool. A simple way to regain traffic lost to search engines and AI. ## Introducing "shorts" for Henry (my Hugo blog engine/theme) DevFeed: [Introducing "shorts" for Henry (my Hugo blog engine/theme)]() Original publisher: [Read original article]() Author: Kaushik Gopal Published: 2025-07-20T00:00:00Z Content type: release Language: en Sources: [Kaushik Gopal's Site]() Topics: [Hugo]() Tags: [blog-post](), [hugo]() ### AI overview The Henry Hugo blog engine/theme introduces "shorts," a way to publish quick thoughts or notes without creating a full blog post and share them from an owned feed. ### Source excerpt Introducing "shorts" for Henry (my Hugo blog engine/theme). Often, I find myself wanting to post a quick thought or note without the ceremony of a full-blown "blog post". That's usually when I'd post to Bluesky, X, Threads, or Mastodon. But as I've said before, I prefer investing in a feed I control. With Henry, I can effortlessly post a quick thought, and share it from a feed I own. ## Back to the 2000s: cyrilmottier.com DevFeed: [Back to the 2000s: cyrilmottier.com]() Original publisher: [Read original article]() Author: Cyril Mottier Published: 2025-04-16T15:03:55Z Content type: opinion Language: en Sources: [Cyril Mottier Blog]() Topics: [Website](), [Hugo]() Tags: [hugo](), [legacy](), [personal-website]() ### AI overview The author explains that cyrilmottier.com was redesigned with a more modern design, Hugo replaced Octopress, and outdated articles were removed. In response to reader requests, the legacy version of the site has been restored and is available at cyrilmottier.com/legacy. ### Source excerpt I recently revamped my personal website for several reasons: to achieve a more modern design, switch to a faster website generator (Hugo instead of Octopress), and remove outdated articles, some of which were written in the 2000s! However, many followers on social media have asked to bring back the old version of cyrilmottier.com, expressing both nostalgia and a genuine appreciation for the older content. While working on bringing this content back, I realized they were right in many ways. Thanks to them for pushing me to do this. It's so fun to still be able to read about mobile release management back in 2014, why splash screens were are evil or how Dart is going to shape the future of Android 😂. ## 🖤 Automatic Dark mode for Hugo using Tailwind CSS DevFeed: [🖤 Automatic Dark mode for Hugo using Tailwind CSS]() Original publisher: [Read original article]() Author: Kaushik Gopal Published: 2025-04-04T23:01:08Z Content type: tutorial Language: en Sources: [Kaushik Gopal's Site]() Topics: [Dark Mode](), [CSS](), [Tailwind CSS](), [Hugo](), [implementation]() Tags: [css](), [dark-mode](), [html5](), [hugo](), [implementation](), [scheme](), [tailwind](), [tailwind-css]() ### AI overview This tutorial explains how to add automatic dark-mode support to a Hugo site using Tailwind CSS 4.0 and the CSS prefers-color-scheme media feature. The implementation updates theme color variables and adds a dark class to the root HTML element. ### Source excerpt On a ✈ back home, I decided to add Dark mode support to Henry. Having recently upgraded to Tailwind CSS 4.0, this was a piece of cake to do. I leverage the widely supported CSS @media prefers-color-scheme feature and Tailwind's native dark-mode support. The implementation only required a few changes: 1. update main theme.css ### In my main theme.css file where I declare the existing colors, I add the CSS @media selector for the "dark" variable indicator. @theme { /* henry background */ --color-hbg: var(--color-slate-50); --color-hbg-dark: var(--color-slate-200); /* ... */ } @media (prefers-color-scheme: dark) { .dark { /* henry background */ --color-hbg: #1c2b33; --color-hbg-dark: #152027; /* ... */ } } 2. update base html body ### In my root html page, I simply add the "dark" variable indicator class Now CSS automatically knows to pull in the dark variant of colors when the system indicates light/dark mode. There is no step 3! Your browser doesn't support HTML5 video. Download the video instead. This was so easy to do, in fact, that I even managed to catch up on Gladiator II on the plane ride which I personally give a solid 3.0 just for Denzel. ## Transparent Software DevFeed: [Transparent Software]() Original publisher: [Read original article]() Author: Graham King Published: 2025-03-29T15:54:00Z Content type: opinion Language: en Sources: [Graham King]() Topics: [Software](), [Hugo](), [passwords](), [Neovim](), [HTTP]() Tags: [design](), [http](), [hugo](), [markdown](), [password](), [passwords](), [plugin](), [python](), [rust](), [software](), [trust]() ### AI overview The article defines transparent software as software whose behavior and structure users can understand and replace. It contrasts Hugo with WordPress, and describes the author's password manager, kip, as a modular tool built around user-controlled encrypted files and configurable command-line utilities. ### Source excerpt A software system is transparent when you can look at it and immediately understand what it is doing and how. ## Migrating from Hugo to NextJS DevFeed: [Migrating from Hugo to NextJS]() Original publisher: [Read original article]() Published: 2025-03-10T00:00:00Z Content type: opinion Language: en Sources: [Gaurav Sarma's Blog]() Topics: [cursor](), [Hugo](), [Claude](), [Development](), [Firebase]() Tags: [blog](), [claude](), [coding](), [cursor](), [development](), [firebase](), [hugo](), [nextjs]() ### AI overview The author compares AI coding tools while migrating a Markdown-based blog from Hugo to a NextJS application with search and Firebase functionality. Cursor is preferred over Claude Code, Cursor, and Windsurf based on the reported balance of capability and cost, but the author notes concerns about code ownership, reduced understanding of the codebase, disabled type checks, shortcuts, and looping behavior. ### Source excerpt So it's been a week since I have been trying to use and compare AI code editors and tools extensively to integrate into my coding routine. Claude Code has been the most successful, but it's way too expensive compared to Cursor or Windsurf... ## Worth Reading: The IPv6 Agnostic Blog DevFeed: [Worth Reading: The IPv6 Agnostic Blog]() Original publisher: [Read original article]() Published: 2025-02-26T07:19:00Z Content type: opinion Language: en Sources: [ipSpace.net blog]() Topics: [networking](), [Website](), [Self-hosted](), [Hugo](), [Cloudflare](), [hosting](), [Linode](), [GitHub]() Tags: [blog](), [cloudflare](), [github](), [hosting](), [hugo](), [ipv6](), [linode](), [networking](), [self-hosting](), [worth-reading]() ### AI overview The article recommends Ole Troan's blog and articles about IPv6 design mistakes, missed opportunities, and the question of whether IPv6 transition is inevitable. It also discusses self-hosting the blog with Hugo and outlines hosting options including Linode, Cloudflare Pages, and GitHub Pages. ### Source excerpt Ole Troan, an excellent networking engineer working on IPv6 for decades, has decided to comment on the color of the IPv6 kettle, starting with: Is the transition to IPv6 inevitable? (hint: Betteridge's law of headlines) The mistakes and missed opportunities in the design of IPv6 - episode 1 (aka Second System Effect1) I'm pretty sure Ole won't stop there, so stay tuned. Read more ... ## Powering your Hugo blog with Bluesky Comments - invest in a feed you control DevFeed: [Powering your Hugo blog with Bluesky Comments - invest in a feed you control]() Original publisher: [Read original article]() Author: Kaushik Gopal Published: 2025-01-19T08:00:00Z Content type: tutorial Language: en Sources: [Kaushik Gopal's Site]() Topics: [Bluesky](), [Hugo](), [AT Protocol](), [implementation](), [Code]() Tags: [blog](), [code](), [html](), [hugo](), [implementation](), [js](), [protocol](), [source]() ### AI overview This tutorial explains how the author integrated Bluesky comments into a Hugo blog using the decentralized AT Protocol. The implementation uses a comments template and JavaScript to load comments, with features for linking directly to comments and nesting replies. ### Source excerpt Twitter's change in ownership triggered a cascade of events birthing various social media clones. It's been tricky to decide which network to invest time and energy in. I'm not an influencer, but I'd be kidding myself if I thought having a presence on social media wasn't important. The recent TikTok drama has given me clarity on one extremely important principle that all creators should have learned by now: Invest in channels you control. Invest in channels you control I recently moved Fragmented (my podcast) from WordPress to Hugo in this same spirit; and was looking for a way to engage more closely with the community. With Bluesky gaining traction, it made sense to power my blog comments using a decentralized commenting system that I could control. Bluesky is built on the AT protocol, which aligns perfectly with this idea. Thanks to Hugo's flexibility, I was able to integrate Bluesky as a commenting system quite easily. I used this post as inspiration, but if you'd like to see my final implementation, you can check out the source code here: comments-bsky.html (template for the comments) comments-bsky.js (straightforward JS to load the comments) I particularly like my implementation as it gently allows you to jump to the exact comment, and allows nesting. To see how this looks open the website on your browser and see the Comments sections below! ## Why and how I switched from Medium DevFeed: [Why and how I switched from Medium]() Original publisher: [Read original article]() Published: 2025-01-06T00:00:00Z Content type: opinion Language: en Sources: [Gaurav Sarma's Blog]() Topics: [Hugo](), [Self-hosted](), [static-site-generator](), [version-control](), [Markdown]() Tags: [hugo](), [markdown](), [self-hosted](), [static-site-generator](), [terminal](), [version-control]() ### AI overview The author explains why they moved from Medium to a self-hosted blog, citing terminal-based writing, Markdown support, version control, custom features, and automation. They chose Hugo as a lightweight starting point for the new setup. ### Source excerpt . [Why I Switched from Medium](why-i-switched-from-medium-cover... ## How This Blog Does IndieWeb DevFeed: [How This Blog Does IndieWeb]() Original publisher: [Read original article]() Published: 2024-10-31T05:22:12Z Content type: tutorial Language: en Sources: [Jeremy Kun]() Topics: [IndieWeb](), [Hugo](), [static-site-generator](), [GitHub Actions](), [Netlify](), [WordPress]() Tags: [article](), [github-actions](), [hugo](), [indieweb](), [netlify](), [posse]() ### AI overview A technical walkthrough of how the author migrated a blog from WordPress to Hugo and implemented IndieWeb features. It covers static-site deployment with Netlify, GitHub Actions automation, shortform social syndication, and related integrations. ### Source excerpt This article will explain how the blog is organized at a technical level, and show how I implemented various IndieWeb features. Table of Contents: Motivation Structure and Deployment Static search index Running scripts via GitHub Actions Social media syndication and the "shortform" section Links to syndicated versions at the end of each post Warning for a too-long first paragraph Triggering this workflow automatically after deployment Blogroll (the "What I'm Reading" page) Chrome extension Webmentions and referencing external discussion threads Bridgy Hacker News backlinks Outgoing webmentions DOIs Dead link checker Motivation Earlier this year I migrated this blog off Wordpress to the Hugo static site generator. ## Website refresh DevFeed: [Website refresh]() Original publisher: [Read original article]() Author: info@jeroenmols.com (Jeroen Mols) Published: 2024-09-20T00:00:00Z Content type: opinion Language: en Sources: [Jeroen Mols]() Topics: [Website](), [Hugo](), [Jekyll](), [Web Development](), [modern web development](), [Netlify](), [Vercel]() Tags: [blogging](), [blogs](), [development](), [hugo](), [jekyll](), [migrate](), [netlify](), [platform](), [redesign](), [static-site-generator](), [vercel](), [web-development](), [website](), [website-refresh]() ### AI overview A personal account of migrating a seven-year-old Jekyll website to Hugo. It explains the old site's deployment setup and limitations, the motivations for the redesign, and the author's evaluation of static-site generators and hosting options. ### Source excerpt After 7 years, it was time to migrate my old Jekyll website to a new more modern platform. Read on to learn why, how, and what the main challenges were in this process. ## blog.ipspace.net Is On Cloudflare Pages DevFeed: [blog.ipspace.net Is On Cloudflare Pages]() Original publisher: [Read original article]() Published: 2024-07-07T12:51:00Z Content type: release Language: en Sources: [ipSpace.net blog]() Topics: [Cloudflare](), [Hugo](), [GitLab]() Tags: [blog](), [cloudflare](), [gitlab](), [hugo]() ### AI overview The blog moved to Cloudflare Pages after migrating to Hugo. The author changed the Hugo URL scheme, fixed broken links, expects faster page loads, and no longer expects to deal with GitLab issues. ### Source excerpt Long story short: Years after migrating my blog to Hugo, I found the willpower to deal with the "interesting" way Cloudflare Pages deal with static HTML files, changed the Hugo URL scheme, and spent two days fixing broken links. Apart from having the satisfaction of ticking off a long-outstanding project, the blog pages should load faster, and I won't have to deal with GitLab hiccups anymore. If you notice anything being broken, please let me know. Thank you! ## Adding Tailwind CSS to a Hugo blog DevFeed: [Adding Tailwind CSS to a Hugo blog]() Original publisher: [Read original article]() Author: Kaushik Gopal Published: 2024-07-05T18:36:23Z Content type: tutorial Language: en Sources: [Kaushik Gopal's Site]() Topics: [Tailwind CSS](), [Hugo](), [CSS](), [make](), [Command-line interface]() Tags: [cli](), [css](), [how-to](), [hugo](), [installation](), [make](), [npm](), [tailwind]() ### AI overview A tutorial showing how to add Tailwind CSS v4 to a Hugo site using Tailwind CLI, including installation, CSS file setup, development commands, and a Makefile workflow for running or building Hugo and Tailwind together. ### Source excerpt Updated for Tailwind CSS V4 I veer away from CSS frameworks like Bootstrap because they result in sterilized designs. On a recent side project, I gave Tailwind CSS a try and am now a believer. "Rapidly build modern websites without ever leaving your HTML" makes a lot of sense to me. Case in point: I rebuilt my Hugo theme, Henry, with Tailwind in three days.1 I quite like how it's turned out. Let me show you how to add it to a Hugo theme. This has become even simpler with Tailwind CSS v4. Approach ## I like to keep things as simple as possible. So, it was important for me to use both Hugo & Tailwind as you would independently. I don't use Tailwind as a PostCSS plugin as much of the internet recommends. I prefer Tailwind CLI. Installation ## Let's assume you created your new site with hugo: hugo new site my-blog cd my-blog From this root hugo project directory: # create a package.json file (with default options) npm init -y # install Tailwind CSS as a dependency npm install -D tailwindcss @tailwindcss/cli Let's create the necessary css files for Tailwind to latch on to: mkdir -p my-blog/assets/css touch my-blog/assets/css/input.css touch my-blog/assets/css/theme.css I use the input.css file to help Tailwind wire everything together, and output.css is the final css that Tailwind compiles out. /* input.css */ @import "tailwindcss"; @import "./theme.css"; /* custom css you might want to add as overrides */ That's it! You can now fire up Tailwind & Hugo: # start tailwind npx @tailwindcss/cli \ -i ./assets/css/input.css \ -o ./assets/css/output.css \ --watch # start hugo server hugo server Bonus tip ### Starting Tailwind and Hugo separately in two different shells is a bore. I use a Makefile that conveniently allows me to spin up both processes in parallel. All I have to do when I'm ready to spin up my blog locally is: # runs the default comand which is "run" # it runs both taliwind css & the hugo server in parallel make Sometimes I want to just build the site, not run the ## Optimizing Hugo Sitemaps to prioritize posts crawling over taxonomies DevFeed: [Optimizing Hugo Sitemaps to prioritize posts crawling over taxonomies]() Original publisher: [Read original article]() Author: Tom Published: 2024-05-17T00:00:00Z Content type: tutorial Language: en Sources: [Tomasz Gągor]() Topics: [Hugo](), [Search engine optimization (SEO)](), [Protocol (disambiguation)]() Tags: [google](), [guide](), [hugo](), [hugo-changefreq-settings](), [hugo-site-seo](), [hugo-sitemap-optimization](), [robots](), [search](), [search-engine-optimization](), [search-engines](), [seo](), [seo-sitemap-tuning](), [sitemap-priority-settings](), [structure](), [taxonomy]() ### AI overview A practical guide to customizing Hugo sitemaps so posts receive higher crawl priority than taxonomy pages. It explains adjusting change frequency and priority while avoiding sitemap and breadcrumb issues that can appear in Google Search Console. ### Source excerpt Learn how to optimize your Hugo site's sitemap by adjusting priority and change frequency settings to improve SEO and guide search engine crawlers effectively. ## Experiments with POSSE DevFeed: [Experiments with POSSE]() Original publisher: [Read original article]() Published: 2024-05-13T03:28:54Z Content type: opinion Language: en Sources: [Jeremy Kun]() Topics: [Mastodon](), [Hugo](), [GitHub Actions](), [Netlify](), [GitHub](), [GitHub API](), [static-site-generator](), [Python](), [Serverless](), [Markdown](), [Command-line interface]() Tags: [cli](), [github](), [github-action](), [github-actions](), [hugo](), [indieweb](), [markdown](), [mastodon](), [netlify](), [posse](), [python](), [shortform]() ### AI overview The author describes an experiment that automates POSSE syndication by converting Hugo shortform posts into Mastodon threads. Netlify triggers a serverless function, which uses the GitHub API to start a GitHub Actions workflow; a Python script parses Markdown, publishes the thread through Mastodon.py, and records URL mappings in the repository. ### Source excerpt POSSE stands for Publish (on your) Own Site, Syndicate Elsewhere. I first heard about it from Cory Doctorow. I'm experimenting with automation to convert posts tagged shortform into Mastodon threads (I'm mathstodon.xyz/@j2kun). I'm using Hugo as a static site generator, with the source a (private) GitHub repository, and Netlify for deployments. After a deployment, Netlify calls a serverless function that hits the GitHub API with a POST request to trigger a GitHub action workflow. ## Create a Virtual Bookshelf with Hugo and PaperMod DevFeed: [Create a Virtual Bookshelf with Hugo and PaperMod]() Original publisher: [Read original article]() Author: Tom Published: 2024-04-26T00:00:00Z Content type: tutorial Language: en Sources: [Tomasz Gągor]() Topics: [Hugo](), [API](), [Git](), [YAML]() Tags: [book-organization](), [git](), [how-to](), [hugo](), [hugo-bookshelf](), [hugo-site-customization](), [installation](), [papermod](), [papermod-theme](), [reading-list-sharing](), [submodules](), [virtual-bookshelf](), [yaml]() ### AI overview A tutorial for creating a virtual bookshelf on a Hugo site with the PaperMod theme. It explains the motivation for organizing books as blog posts and provides installation and usage guidance for the bookshelf theme, including Git submodules and book metadata. ### Source excerpt Learn how to create a virtual bookshelf on your Hugo site using the PaperMod theme, allowing you to organize and share your reading list with ease. [Next page]()