Hugo Template Aofuji screenshot

Hugo Template Aofuji

Author Avatar Theme by Dsrkafuu
Updated: 15 Jun 2021
14 Stars

「DEPRECATED」A clean Hugo template for developers with useful basic features. | 为开发者设计的基础 Hugo 模板。

Categories

Overview

Aofuji is a clean Hugo template designed for developers. It provides a base theme design and architecture for developers to use in their projects.

Features

  • Post header image: Add image front matter in post md files.
  • Lazyload image: All listed images will be lazy-loaded, and there are also shortcodes for lazy image placeholders with specific aspect ratios.
  • Sticky sidebar card: Add div with sticky class in sidebar.
  • Custom smart pagination
  • Dark mode theme: Smart switch.

Installation

  1. Configure Node.js (with npm) as well as Hugo before using the template. Hugo extended version is required.
  2. Configure the environment variables correctly to ensure the hugo command can be used directly in the command line.
  3. Click the “Use this template” button to create your own repository.
  4. Clone the repository and use npm install to install the dependencies.
  5. Use npm start for development and npm run build for deployment.

Summary

Aofuji is a clean Hugo template that provides a base theme design and architecture for developers. It offers features like post header images, lazy loading of images, sticky sidebar card, custom smart pagination, and a dark mode theme. Installation involves configuring Node.js and Hugo, setting up environment variables, and installing dependencies.