Hugo作品集

AcademiaLight — Hugo 作品集模板

作者 zdong1995

AcademiaLight 是一个基于 Hugo 的学术个人主页主题,界面简洁轻量,用于展示学者简介、论文、报告、学术服务与动态等信息。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-13查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

基于 Hugo 的学术个人主页主题,界面简洁轻量

02

通过 data 目录下的 YAML 文件管理简介、论文、报告、学术服务、动态和联系方式

03

支持 Google Scholar、GitHub、LinkedIn、Twitter/X、ORCID、ResearchGate、博客和 CV 等链接

04

提供 Clustrmaps 访问统计组件,需配置 widget_id

05

采用模块化 SCSS,可在 _variables.scss 中调整颜色,并包含深色模式样式

06

MIT 许可,允许免费使用、修改、商用和分发代码

模板详细介绍

AcademiaLight 是一个面向学术个人主页的 Hugo 主题,界面设计参考 minimal-light,整体风格简洁轻量。主题通过 data 目录下的 YAML 文件组织内容,包括 about(简介)、publications(论文列表)、talks(报告与演讲)、services(学术服务)、news(动态)和 contacts(联系方式),适合集中展示学者的学术履历与成果。

主题在 config.yaml 的 params 中配置作者姓名、职位、所属机构、邮箱、头像等基本信息,并支持 Google Scholar、GitHub、LinkedIn、Twitter/X、ORCID、ResearchGate、博客和 CV 等社交与学术链接,可按需增删启用。主题还提供 Clustrmaps 访问统计组件,需要填入对应的 widget_id。

样式方面,主题使用模块化 SCSS 结构,变量集中在 assets/scss/_variables.scss,可调整主色、辅色和文字颜色;同时包含深色模式样式文件。使用前需要安装 Hugo Extended 0.80.0 或更高版本。仓库以 MIT 许可发布,允许免费使用、修改、商用和分发代码,但演示图片、字体、图标等第三方素材需按各自许可核对。

Hugo作品集

适合你的项目吗?

适用场景

  • 搭建高校教师或研究人员的个人学术主页
  • 集中展示论文发表、学术报告与演讲、学术服务经历
  • 发布个人动态与联系方式,并链接到 Google Scholar、ORCID 等学术档案
  • 需要深色模式或自定义配色的学术个人站点

适合人群

  • 使用 Hugo 构建个人网站的学者与研究人员
  • 希望以 YAML 数据文件维护学术内容、不频繁改动模板的用户
  • 需要展示论文、报告、学术服务与动态的学术个人主页
  • 偏好简洁轻量界面并需要深色模式的用户

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    需安装 Hugo Extended 0.80.0 或更高版本

  2. 2

    可直接运行 hugo server --source=exampleSite 查看示例站点,或通过 git submodule 将主题加入已有站点并在 config.yaml 中设置 theme: "AcademiaLight"

  3. 3

    在 config.yaml 的 params 中填写作者、职位、机构、邮箱、头像及社交链接等基本信息

  4. 4

    在 data 目录下按 about.yaml、publications.yaml、talks.yaml、services.yaml、news.yaml、contacts.yaml 组织内容

  5. 5

    如需访问统计,在 params.clustrmaps 中启用并填入 widget_id;颜色可在 assets/scss/_variables.scss 中调整

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 使用该主题必须安装 Hugo Extended 0.80.0 或更高版本,普通版 Hugo 无法正常构建。
  • 启用 Clustrmaps 访问统计组件需在配置中填入有效的 widget_id,该服务由第三方提供,可能需要注册账号。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Make sure you have Hugo Extended version 0.80.0 or later.

README 原文

clustrmaps: enable: true widget_id: "YOUR_WIDGET_ID"

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

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 74 / 100
技术栈
Hugo
网站类型
作品集
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-02-17
截图检查日期
2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 476ae6e29e9d80353d0b7eae9ecad3bf7409fe44bcb98ca25ef4b3fb61e5fe79

2026-10-13T01:52:13.921Z

来源文件 / 仓库
# 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
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。