Hugo Themes

Prev/Next: All Themes

Diary

Moments piled up. A simple, elegant blog theme.

  • Author: amazingrise
  • GitHub Stars: 563
  • Updated: 2024-08-12
  • License: MIT
  • Tags: Blog
Download
Diary

Hugo Theme Diary

My Blog with ✨Theme Diary✨ - Intro Video - Progress - Wiki

隻言片語・於此匯聚

Moments piled up.

A Hugo theme ported from SumiMakito/hexo-theme-Journal.

Features

Features of this theme

  • Customizable: Easy to customize with detailed project wiki.
  • Adaptive: Mobile-friendly & widescreen-friendly.
  • Abundant: 3rd. service intergration (Gitalk, LiveRe, Disqus, Waline, Twikoo, Google Search, Analytics… ).
  • Convenient: Table of Contents with scroll spy.
  • Professional: LaTeX support (disabled by default).
  • Graceful: Dark mode (automatic or manual switch).
  • International: English, Chinese (CHS/CHT), French, German, Portuguese(Brazil) support.
  • …

For details, please visit project wiki.

Features in new version

CHANGELOG

1.3.0:

  • Removed jQuery and other redundant scripts.
  • Some improvements on performance.

Quick Start

Click to expand

If your website is using Git as version control, please do as follows:

  1. Fetch the theme dir.

From the root of your Hugo site, open the terminal and execute:

git submodule add https://github.com/AmazingRise/hugo-theme-diary.git themes/diary
  1. Update git repository.

Then update the git repository from the root of your site:

git submodule update --remote --merge
  1. Run example site.

From the root of themes/diary/exampleSite:

hugo server --themesDir ../..

Personalization

Example config

See /exampleSite/config.toml

Customization

  • Wiki Home
  • Configurations
    • Internationalization(i18n)
    • Sidebar
    • Favicon
    • Table Of Contents
    • Enable/Disable Comment
  • 3rd. party services
    • Comment Services
    • Google Analytics
    • Google Site Verification
    • Google Search Intergration
  • Writing
    • Meta Data
    • LaTeX Support
    • RSS Feed
    • Inserting Figures
  • Styling
    • Color Scheme
    • Code Highlight
    • Font Family
    • Reading Time
    • Dark Mode
  • Troubleshooting

Screenshots

Index Page

Post

Dark Mode

Mobile View

See also