HugoBlog

bloggraph — Hugo Blog Template

By desmondlzy

bloggraph is a Hugo theme for academic researchers, adopting a SIGGRAPH paper style to showcase personal research materials and paper project pages.

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-02View source

What stands out

A quick read of the recorded project description.

01

Academic theme design adopting a SIGGRAPH paper style

02

Provides a homepage template to display basic information and a paper list

03

Provides a paper page template for research project pages

04

Includes a shortcode for figure numbering

05

Based on Hugo and requires the extended version

Template Details

bloggraph is a Hugo academic theme inspired by the ACM SIGGRAPH technical paper template, primarily aimed at researchers in computer graphics and related fields to showcase personal research materials. The theme provides a homepage template for presenting basic information and a paper list; a paper page template for building SIGGRAPH-style research project pages; and a shortcode for figure numbering. Installation is done by adding the repository as a git submodule to the themes directory of a Hugo site and setting theme to bloggraph in the site configuration file; the Hugo extended version is required. The author provides a demo site as a usage reference and starting template. Some CSS and template files are adapted from the Newsroom theme, and FontAwesome, Linux Biolinum, and Linux Libertine fonts are bundled; these third-party assets must be checked against their respective licenses.

HugoBlog

Is it right for your project?

Use Cases

  • Building a personal academic homepage and centrally displaying a paper list
  • Creating a SIGGRAPH-style introduction page for a single research project
  • Automatically numbering figures in academic writing pages

Suitable For

  • Researchers in computer graphics
  • Academic staff who need to showcase papers and project materials
  • Users building static academic sites with Hugo

Getting started & customization

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

  1. 1

    Requires the Hugo extended version

  2. 2

    Run git submodule add in the site root to add the repository to themes/bloggraph

  3. 3

    Set theme to bloggraph in the site configuration file (e.g., hugo.toml)

  4. 4

    Refer to the author's demo site as a usage and starting template

  5. 5

    Bundled fonts and icons and other third-party assets must be checked against their respective licenses

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 imply that 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

  • Using this theme requires installing the Hugo extended version (v0.128.0 or higher); the regular Hugo version does not meet the requirement.
  • Installation is done by adding the repository as a git submodule to the themes/bloggraph directory in the site root and setting theme to bloggraph in the site configuration file.
  • The theme bundles third-party fonts and icons such as FontAwesome, Linux Biolinum, and Linux Libertine; the licensing of these assets is independent of the code's MIT license and must be checked against their respective license terms before use.
  • Some CSS and template files are adapted from the Newsroom theme; if redistributing or modifying these parts, the license conditions of the Newsroom theme must also be observed.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely based on the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Make sure you've [installed](https://gohugo.io/getting-started/installing/) Hugo extended version (v0.128.0+)

Original README

git submodule add https://github.com/desmondlzy/bloggraph.git themes/bloggraph

Original README

The following fonts are bundled with Bloggraph:

Original README

Part of the CSS and template files are modified from the theme [Newsroom](https://github.com/onweru/newsroom).

Original README
https://github.com/desmondlzy/bloggraph/blob/main/LICENSEhttps://github.com/desmondlzy/bloggraph/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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
More documented · 87 / 100
Technologies
Hugo
Website type
Blog
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-12-03
Screenshot last checked
2026-10-02

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 96018e4a2eb321086732d7d025315fa95fc09baff8c6d625bec3ee0b0398cf08

2026-10-02T17:07:15.386Z

Source file / repository
# Bloggraph

![Bloggraph Teaser](https://raw.githubusercontent.com/desmondlzy/bloggraph/main/images/screenshot.png)

An academic theme for [Hugo](https://gohugo.io/), in the style of SIGGRAPH paper. Computer graphics folks, you know what it is ;)

See [example website](https://desmondlzy.me/bloggraph) and my [personal website](https://desmondlzy.me) (which uses a tweaked version of the theme).

## Install

If you want to start a new website with Bloggraph, following the [example website](https://desmondlzy.me/bloggraph) is the easiest way to get started.

Alternatively, follow the "[Add a theme](https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme)" section in the official [quick start guide](https://gohugo.io/getting-started/quick-start). Make sure you've [installed](https://gohugo.io/getting-started/installing/) Hugo extended version (v0.128.0+).

```
cd yourwebsiteroot
git init
git submodule add https://github.com/desmondlzy/bloggraph.git themes/bloggraph
```

Set the `theme` to `bloggraph` in your site config file (`hugo.toml`).

## Usage

The theme is geared towards researchers who intend to showcase their research profile. Important features include:

- _Home page template_ for showing basic information and publications
- _Publication page template_ for a SIGGRAPH-style research project page
- _Shortcode for numbering figure_

### More details on the example website

For usage and a starting boilerplate, check out the [example website](https://desmondlzy.me/bloggraph).

## Credits

The design is inspired by the ACM SIGGRAPH technical paper template. Part of the CSS and template files are modified from the theme [Newsroom](https://github.com/onweru/newsroom).

The following fonts are bundled with Bloggraph:
[FontAwesome](https://fontawesome.com/v4.7/license/), 
[Linux Biolinum](https://www.fontsquirrel.com/license/linux-biolinum), and 
[Linux Libertine](https://www.fontsquirrel.com/license/linux-libertine).
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.