# Hugo static site generator

Published articles for Hugo static site generator.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Monetize your blog with Ko-fi shortcodes for Hugo sites

DevFeed: [Monetize your blog with Ko-fi shortcodes for Hugo sites](<https://devfeed.tech/articles/monetize-your-blog-with-ko-fi-shortcodes-for-hugo-sites-27703.md>)

Original publisher: [Read original article](<https://gagor.pro/2024/03/monetize-your-blog-with-ko-fi-shortcodes-for-hugo-sites/>)

Author: Tom

Published: 2024-03-08T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tomasz Gągor](<https://devfeed.tech/sources/tomasz-gagor.md>)

Topics: [Hugo](<https://devfeed.tech/topics/hugo.md>), [configuration](<https://devfeed.tech/topics/configuration.md>)

Tags: [blog-monetization](<https://devfeed.tech/tags/blog-monetization.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [hugo](<https://devfeed.tech/tags/hugo.md>), [hugo-custom-shortcodes](<https://devfeed.tech/tags/hugo-custom-shortcodes.md>), [hugo-monetization](<https://devfeed.tech/tags/hugo-monetization.md>), [hugo-static-site-generator](<https://devfeed.tech/tags/hugo-static-site-generator.md>), [installation](<https://devfeed.tech/tags/installation.md>), [ko-fi](<https://devfeed.tech/tags/ko-fi.md>), [ko-fi-integration](<https://devfeed.tech/tags/ko-fi-integration.md>), [ko-fi-shortcodes](<https://devfeed.tech/tags/ko-fi-shortcodes.md>), [monetization](<https://devfeed.tech/tags/monetization.md>), [support-blog-with-ko-fi](<https://devfeed.tech/tags/support-blog-with-ko-fi.md>)

### AI overview

A tutorial on using custom Ko-fi shortcodes with Hugo to add donation buttons, widgets, and images to a blog. It covers installation, global configuration, parameters, and shortcode examples, and notes that animated buttons may be blocked by uBlock Origin.

### Source excerpt

Learn how to monetize your Hugo blog with custom Ko-fi shortcodes, allowing readers to support your work through voluntary contributions.

## Switching a Personal Blog from WordPress to Hugo

DevFeed: [Switching a Personal Blog from WordPress to Hugo](<https://devfeed.tech/articles/bye-bye-wordpress-27659.md>)

Original publisher: [Read original article](<https://gagor.pro/2020/10/bye-bye-wordpress/>)

Author: Tom

Published: 2020-10-24T00:00:00Z

Content type: opinion

Language: en

Sources: [Tomasz Gągor](<https://devfeed.tech/sources/tomasz-gagor.md>)

Topics: [Hugo](<https://devfeed.tech/topics/hugo.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>)

Tags: [hugo](<https://devfeed.tech/tags/hugo.md>), [hugo-blog-setup](<https://devfeed.tech/tags/hugo-blog-setup.md>), [hugo-static-site-generator](<https://devfeed.tech/tags/hugo-static-site-generator.md>), [personal](<https://devfeed.tech/tags/personal.md>), [personal-blog-management](<https://devfeed.tech/tags/personal-blog-management.md>), [static-site](<https://devfeed.tech/tags/static-site.md>), [static-site-benefits](<https://devfeed.tech/tags/static-site-benefits.md>), [static-site-generator](<https://devfeed.tech/tags/static-site-generator.md>), [switching-from-wordpress-to-hugo](<https://devfeed.tech/tags/switching-from-wordpress-to-hugo.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>), [wordpress-alternatives](<https://devfeed.tech/tags/wordpress-alternatives.md>)

### AI overview

The author describes moving a personal blog from WordPress to Hugo after years of using WordPress, citing limited time for server maintenance, configuration, updates, and new features. The author plans to share more about the chosen configuration and workflow.

### Source excerpt

Learn about the transition from Wordpress to Hugo for managing a personal blog, including reasons for the switch and benefits of using a static site generator.

## The New ReactOS Website

DevFeed: [The New ReactOS Website](<https://devfeed.tech/articles/the-new-reactos-website-33249.md>)

Original publisher: [Read original article](<https://reactos.org/project-news/the-new-reactos-website/>)

Published: 2020-03-21T00:00:00Z

Content type: release

Language: en

Sources: [Front Page on ReactOS Website](<https://devfeed.tech/sources/front-page-on-reactos-website.md>)

Topics: [ReactOS](<https://devfeed.tech/topics/reactos.md>), [Website](<https://devfeed.tech/topics/website.md>), [Hugo](<https://devfeed.tech/topics/hugo.md>), [static-site-generator](<https://devfeed.tech/topics/static-site-generator.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>)

Tags: [free](<https://devfeed.tech/tags/free.md>), [github](<https://devfeed.tech/tags/github.md>), [hugo](<https://devfeed.tech/tags/hugo.md>), [hugo-static-site-generator](<https://devfeed.tech/tags/hugo-static-site-generator.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [os](<https://devfeed.tech/tags/os.md>), [privacy](<https://devfeed.tech/tags/privacy.md>), [react](<https://devfeed.tech/tags/react.md>), [reactos](<https://devfeed.tech/tags/reactos.md>), [static-site-generator](<https://devfeed.tech/tags/static-site-generator.md>), [website](<https://devfeed.tech/tags/website.md>), [win32](<https://devfeed.tech/tags/win32.md>), [winapi](<https://devfeed.tech/tags/winapi.md>)

### AI overview

ReactOS announces the launch of a new website built with Hugo, focused on project news, developer blogs, development activity, and contributions. Its content is managed in a GitHub repository, where contributors can propose changes using Markdown or HTML and open pull requests.

### Source excerpt

Today, I am pleased to announce the launch of the new ReactOS website. Several old and new ReactOS members have worked on it since Hackfest 2018 with the goal of providing a lean website with a focus on development activity and contributions. It was born out of frustration with the old site, which made following ReactOS progress unnecessarily difficult. With its CMS also long past its due date, it was decided to create a modern ReactOS website from scratch using the excellent Hugo static site generator.

## JSON Encoding Python Dataclasses

DevFeed: [JSON Encoding Python Dataclasses](<https://devfeed.tech/articles/json-encoding-python-dataclasses-32227.md>)

Original publisher: [Read original article](<https://bruceeckel.com/2018/09/16/json-encoding-python-dataclasses/>)

Author: Bruce Eckel

Published: 2018-09-16T00:00:00Z

Content type: tutorial

Language: en

Sources: [Bruce Eckel - Computing Thoughts](<https://devfeed.tech/sources/bruce-eckel-computing-thoughts.md>)

Topics: [Python](<https://devfeed.tech/topics/python.md>), [JSON](<https://devfeed.tech/topics/json.md>), [data](<https://devfeed.tech/topics/data.md>), [Hugo](<https://devfeed.tech/topics/hugo.md>)

Tags: [data](<https://devfeed.tech/tags/data.md>), [hugo](<https://devfeed.tech/tags/hugo.md>), [hugo-static-site-generator](<https://devfeed.tech/tags/hugo-static-site-generator.md>), [json](<https://devfeed.tech/tags/json.md>), [python](<https://devfeed.tech/tags/python.md>)

### AI overview

This tutorial demonstrates using Python dataclasses to model data and extend JSON encoding for dataclass instances. It also describes using generated JSON data with Hugo templates for a static-site build.

### Source excerpt

The Hugo static-site generator can work with data files in the form of JSON, yaml or toml. If you place these in the data directory you can access them within Hugo templates (including Hugo shortcodes, which are called directly from a Markdown file) by saying .Site.Data.<filename>, and then use the contents as part of your static-site build. This feature came in handy for the AtomicKotlin.com site, because the ebook deployment service I'm using (Stepik.