HugoPortfolio

AcademiaLight — Hugo Portfolio Template

By zdong1995

AcademiaLight is a Hugo-based academic personal homepage theme with a clean, lightweight interface for presenting a scholar's bio, publications, talks, academic service, and news.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Hugo-based academic personal homepage theme with a clean, lightweight interface

02

Manages bio, publications, talks, academic service, news, and contact information through YAML files in the data directory

03

Supports links such as Google Scholar, GitHub, LinkedIn, Twitter/X, ORCID, ResearchGate, blog, and CV

04

Provides a Clustrmaps visit statistics component, requiring configuration of widget_id

05

Uses modular SCSS, with colors adjustable in _variables.scss, and includes dark mode styles

06

MIT license, permitting free use, modification, commercial use, and distribution of the code

Template Details

AcademiaLight is a Hugo theme for academic personal homepages, with an interface design referencing minimal-light and an overall clean, lightweight style. The theme organizes content through YAML files in the data directory, including about (bio), publications (paper list), talks (presentations and lectures), services (academic service), news (updates), and contacts (contact information), making it suitable for centrally presenting a scholar's academic record and achievements.

The theme configures basic information such as author name, position, affiliation, email, and avatar in the params section of config.yaml, and supports social and academic links such as Google Scholar, GitHub, LinkedIn, Twitter/X, ORCID, ResearchGate, blog, and CV, which can be added or removed as needed. The theme also provides a Clustrmaps visit statistics component, which requires filling in the corresponding widget_id.

In terms of styling, the theme uses a modular SCSS structure, with variables centralized in assets/scss/_variables.scss, allowing adjustment of primary color, secondary color, and text color; it also includes a dark mode stylesheet. Before use, Hugo Extended 0.80.0 or higher must be installed. The repository is released under the MIT license, permitting free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons must be checked against their respective licenses.

HugoPortfolio

Is it right for your project?

Use Cases

  • Building a personal academic homepage for a university teacher or researcher
  • Centrally displaying paper publications, academic presentations and lectures, and academic service experience
  • Publishing personal updates and contact information, and linking to academic profiles such as Google Scholar and ORCID
  • Academic personal sites that require dark mode or custom color schemes

Suitable For

  • Scholars and researchers using Hugo to build personal websites
  • Users who wish to maintain academic content via YAML data files without frequently modifying templates
  • Academic personal homepages that need to display papers, talks, academic service, and news
  • Users who prefer a clean, lightweight interface and need dark mode

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Hugo Extended 0.80.0 or higher

  2. 2

    You can run hugo server --source=exampleSite to view the example site, or add the theme to an existing site via git submodule and set theme: "AcademiaLight" in config.yaml

  3. 3

    Fill in basic information such as author, position, institution, email, avatar, and social links in the params section of config.yaml

  4. 4

    Organize content in the data directory as about.yaml, publications.yaml, talks.yaml, services.yaml, news.yaml, and contacts.yaml

  5. 5

    For visit statistics, enable and fill in widget_id in params.clustrmaps; colors can be adjusted in assets/scss/_variables.scss

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Permits free use, modification, commercial use, and distribution of this version's code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional fees.
  • Using this theme requires Hugo Extended 0.80.0 or higher; the standard Hugo version cannot build it properly.
  • Enabling the Clustrmaps visit statistics component requires filling in a valid widget_id in the configuration; this service is provided by a third party and may require account registration.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Make sure you have Hugo Extended version 0.80.0 or later.

Original README

clustrmaps: enable: true widget_id: "YOUR_WIDGET_ID"

Original README
https://github.com/zdong1995/AcademiaLight/blob/master/LICENSEhttps://github.com/zdong1995/AcademiaLight/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 74 / 100
Technologies
Hugo
Website type
Portfolio
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-02-17
Screenshot last checked
2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Hugo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 476ae6e29e9d80353d0b7eae9ecad3bf7409fe44bcb98ca25ef4b3fb61e5fe79

2026-10-13T01:52:13.921Z

Source file / repository
# AcademiaLight

[![GitHub release (latest by date)](https://img.shields.io/github/v/release/zdong1995/AcademiaLight?style=flat-square)](https://github.com/zdong1995/AcademiaLight/releases)
[![Hugo](https://img.shields.io/badge/Hugo-%5E0.62.0-ff4088?style=flat-square&logo=hugo)](https://gohugo.io/)
[![License](https://img.shields.io/github/license/zdong1995/AcademiaLight?style=flat-square)](https://github.com/zdong1995/AcademiaLight/blob/master/LICENSE)
[![Netlify Status](https://api.netlify.com/api/v1/badges/9e4fdc45-04a7-4a7c-90fd-07fe6195b1e3/deploy-status)](https://app.netlify.com/sites/academialight/deploys) ![GitHub last commit](https://img.shields.io/github/last-commit/zdong1995/AcademiaLight)

A clean, lightweight, and elegant Hugo theme for academic profiles. The UI design is inspired by [minimal-light](https://github.com/yaoyao-liu/minimal-light) theme.

[Demo](https://academialight.netlify.app) | [中文文档](README_zh.md)

## Prerequisites

Install Hugo:
```bash
# macOS (Homebrew)
brew install hugo

# Windows (Chocolatey)
choco install hugo-extended

# Linux (Snap)
snap install hugo
```

Verify installation:
```bash
hugo version
```

Make sure you have Hugo Extended version 0.80.0 or later.

## Quick Start

### Method 1: Using the Example Site

1. Clone the repository:
```bash
git clone https://github.com/zdong1995/AcademiaLight.git
```

2. Start Hugo server:
```bash
hugo server --source=exampleSite
```

Your site should now be available at `http://localhost:1313`

### Method 2: Using with Your Site

1. Create a new Hugo site (skip if you already have one):
```bash
hugo new site my-academic-site
cd my-academic-site
git init
```

2. Add the theme as a submodule:
```bash
git submodule add https://github.com/zdong1995/AcademiaLight.git themes/AcademiaLight
```

3. Configure in `config.yaml`:
```yaml
baseURL: "https://example.com"
theme: "AcademiaLight"
```

4. Start Hugo server:
```bash
hugo server
```

Your site should now be available at `http://localhost:1313`

## Configuration

### Basic Settings

```yaml
params:
  # Basic Information
  author: "Your Name"
  position: "Assistant Professor"
  affiliation: "Your University"
  email: "[email protected]"
  avatar: "/images/avatar.png"
  
  # Clustrmaps Configuration
  clustrmaps:
    enable: true
    widget_id: "YOUR_WIDGET_ID"
    
  # Social Links
  social:
    googleScholar: "https://scholar.google.com/citations?user=xxx"
    github: "https://github.com/username"
    linkedin: "https://linkedin.com/in/username"
```

### Content Structure

```
data/
├── about.yaml         # About information
├── publications.yaml  # Publications list
├── talks.yaml        # Talks and presentations
├── services.yaml     # Academic services
├── news.yaml         # News and updates
└── contacts.yaml     # Contact information
```

### Social Links

The theme supports various social media and academic profile links. Configure them in `config.yaml`:

```yaml
params:
  social:
    googleScholar: "https://scholar.google.com/citations?user=xxx"
    github: "https://github.com/username"
    linkedin: "https://linkedin.com/in/username"
    twitter: "https://twitter.com/username"
    x: "https://x.com/username"      # X (formerly Twitter)
    orcid: "https://orcid.org/xxxx-xxxx-xxxx-xxxx"
    researchgate: "https://www.researchgate.net/profile/username"
    blog: "https://example.com/blog"
    cv: "/files/cv.pdf"             # Local PDF file
```

Each social link can be enabled/disabled by adding or removing it from the configuration.

### Color Theme

Edit `assets/scss/_variables.scss`:

```scss
// Colors
$primary-color: #13294B;
$secondary-color: #39c;
$text-color: #595959;
```

### Layout Structure

The theme uses a modular SCSS structure:
- `_variables.scss`: Global variables
- `_base.scss`: Base styles
- `_layout.scss`: Layout structure
- `_components.scss`: Component styles
- `_sections.scss`: Section styles
- `_dark.scss`: Dark mode styles

## Contributing

Pull requests and issues are welcome!


## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hugo-PaperMod

hugo-PaperMod

A fast, clean, responsive Hugo theme for blogs and lightweight portfolios, with three layout modes (Regular, Home-Info, Profile), automatic and manual light/dark themes, Fuse.js client-side search, multilingual support, and built-in Open Graph, Twitter Cards, and Schema.org data.

Hugo · Portfolio

Congo

Congo

Congo is a minimal Hugo content theme built on Tailwind CSS 3.0, designed for blogs, portfolios, and lightweight content sites. It offers multiple homepage layouts, customizable dark mode, multilingual support including RTL, and built-in client-side search, Mermaid, Chart.js, and KaTeX.

Hugo · Blog

toha

toha

Toha is a Hugo theme for personal portfolios, featuring a minimalist, responsive design with configurable homepage sections such as about, experience timeline, and achievements gallery.

Hugo · Portfolio

hugo-profile

hugo-profile

hugo-profile is a mobile-first Hugo theme for personal portfolios and blogs, with multilingual support, light/dark themes, categories and tags, Google Analytics, Disqus comments, and Formspree contact forms.

Hugo · Portfolio

hugo-theme-introduction

hugo-theme-introduction

Introduction is a minimal Hugo theme that can be configured as a single-page site or a full site with multiple sections. Homepage sections are generated from Markdown files under content/home/, with weight sorting and optional images.

Hugo · Portfolio

hugo-theme-console

hugo-theme-console

A minimalist, responsive Hugo theme inspired by the system terminal and built on Terminal CSS. It includes blog posts, photo galleries, and custom pages, with light/dark theming and style overrides via CSS variables.

Hugo · Portfolio