Retro 90s diary style with a grid paper background and morning glory patterns
HugoBlog
hugo-web90s-diary — Hugo Blog Template
By mimoex
A retro 90s diary-style theme for Hugo, featuring a grid paper background with morning glory patterns, a simple layout, and mobile support.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-12View source
What stands out
A quick read of the recorded project description.
Simple blog-style layout, with content presented as Markdown diary entries
Responsive design, suitable for mobile browsing
Layout and styles are easy to adjust yourself
Theme code is under the MIT license
Template Details
This theme presents a Hugo site as a 90s-style diary: a grid paper background with morning glory (asagao) patterns and a simple overall layout, suitable for personal diary sites that record content by date. The README states that it has a responsive design, can be viewed on mobile, and that the layout and styles are easy to adjust yourself.
Installation is done by adding the repository as a git submodule under the themes/ directory and setting the theme field in hugo.toml; for local preview you can run hugo server -t hugo-web90s-diary. Create a new Markdown file under content/ and it will appear as a diary entry.
Note that the morning glory background image is not bundled with the theme; you need to download it yourself from School Icons CLUB. That asset permits commercial and personal use and modification, but redistribution and direct linking are prohibited; the terms of use of the asset publisher take precedence. The theme code is under the MIT license, while third-party assets such as demo images, fonts, and icons need to be checked separately for their licenses.
HugoBlog
Is it right for your project?
Use Cases
- Building a personal diary or essay-style Hugo site
- Creating a blog with a nostalgic visual style
- Small content sites that need adjustable styles and layout
Suitable For
- Individual users who use Hugo and want to quickly apply a retro diary look
- Writers who like 90s visual style and focus on text-based records
- Users willing to prepare and configure the background image asset themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Add the repository to themes/hugo-web90s-diary via git submodule
- 2
Set theme = "hugo-web90s-diary" in hugo.toml
- 3
For local preview, run hugo server -t hugo-web90s-diary
- 4
Create Markdown files under content/ as diary entries
- 5
The morning glory background image is not provided with the theme; download it yourself from School Icons CLUB and follow its terms of use
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version in the public repository under the MIT license; 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
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- 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 liability limitations 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 charges.
- The theme uses a morning glory background image by default, but the image file is not bundled with the theme and must be obtained separately.
- Users who need the background image must download it directly from the official School Icons CLUB website; it cannot be obtained from the theme repository.
- Redistribution and direct linking of that background asset are prohibited, and this restriction must be observed when using it.
- The background asset permits commercial and personal use and modification, but the asset publisher's terms take precedence.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
このテーマはデフォルトで[朝顔の背景](https://www.schoolicons.com/web/backgrnd/mor/mor_ba.html)を利用する想定ですが、画像ファイルは同梱していません。
Original README
必要な方は [School Icons CLUB](https://www.schoolicons.com/)より直接ダウンロードしてください。
Original README
- 再配布や直リンクは禁止
Original README
https://github.com/mimoex/hugo-web90s-diary/blob/main/LICENSEhttps://github.com/mimoex/hugo-web90s-diary/blob/main/README.md- 商用・個人利用可、加工可
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-12. 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 · 62 / 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-09-26
- Screenshot last checked
- 2026-10-12
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
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: ac255049c2333d590af5e2be7a919279892941f56b7623b56fee7756f7e6688b
2026-10-12T09:10:44.548Z
Source file / repository# hugo-web90s-diary A retro 90s-style diary theme for [Hugo](https://gohugo.io/). 方眼紙背景に朝顔をあしらった、ノスタルジックな日記風テーマです。  ## Features - シンプルでレトロな日記スタイル - モバイル対応（レスポンシブデザイン） - カスタマイズしやすいレイアウトとスタイル ## Installation テーマを `themes/` ディレクトリに追加してください。 ```bash git submodule add https://github.com/mimoex/hugo-web90s-diary.git themes/hugo-web90s-diary ``` `hugo.toml` に以下を追記します。 ```toml theme = "hugo-web90s-diary" ``` ## Usage ```bash hugo server -t hugo-web90s-diary ``` `content/` に Markdown ファイルを作成すると日記エントリとして表示されます。 ## License Theme code: MIT License (see [LICENSE](LICENSE)) ## Background Image このテーマはデフォルトで[朝顔の背景](https://www.schoolicons.com/web/backgrnd/mor/mor_ba.html)を利用する想定ですが、画像ファイルは同梱していません。 必要な方は [School Icons CLUB](https://www.schoolicons.com/)より直接ダウンロードしてください。 - 商用・個人利用可、加工可 - 再配布や直リンクは禁止 - 詳細は配布元の 利用規約をご確認ください。
Explore similar templates
Compare previews and descriptions within the same stack and category.
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
LoveIt
LoveIt is a clean, elegant, and feature-rich Hugo blog theme derived from LeaveIt and KeepIt, MIT-licensed. It offers light/dark modes, responsive layout, multilingual support, and search via Lunr.js or Algolia.
Hugo · Blog
hugo-coder
hugo-coder is a minimalist Hugo blog theme maintained by luizdepra under the MIT license. It provides a clean, text-focused blog appearance, configuration documentation in the docs directory, and a complete exampleSite with hugo.toml.
Hugo · Blog
blowfish
Blowfish is a Hugo personal website and blog theme built with Tailwind CSS 4, focused on lightness, simplicity, and content-first presentation.
Hugo · Blog
hugo-paper
hugo-paper is a simple, clean, and customizable Hugo blog theme configured through config.toml or hugo.toml.
Hugo · Blog
hextra
Hextra is a Hugo theme for documentation and blog sites, built on Hugo and Tailwind CSS with design referencing Nextra.
Hugo · Documentation