alaGeek is an enhanced version of the Cocoa theme featuring a customizable homepage with different sections including the latest posts, syntax highlighting and MathJax support and much more. It's rewritten with Bootstrap 5.
Websites that are using Hugo with alaGeek theme:
Feel free to open a pull-request to add your website here, I'll check this list every new version. You don't need to use the latest version of the theme.
NEW UPDATE: I don't use Hugo anymore. Please fork and develop if you still need this theme.
- Social media links on the footer:
- 500px
- Flattr
- GitHub
- GitLab
- Mastodon
- Homepage with latest and best posts.
- Single pages, sections with a header and a list of articles
- Syntax highlighting with
highlightjs
- Progressive images
- Twitter cards support
- LaTeX support with MathJax
- Possibility to add extra scripts with
footer_extra.html
- Disqus support
- Dark-mode support
- High accessibility score
- Pagination support in blog posts
- General and post-specific Table of Contents support.
- bootstrap: 5.2.1
- highlightjs: 11.6.0
- mathjax: ^3.0.0
- progressively: latest stable version
You can customize the fonts copying and editing style_main.html
file. The defaults
are:
- Title: Merriweather Sans
- Content: Merriweather
- Code: Fira Code
- Catalan
- English (Default)
- Romanian
- Russian
- Spanish
- Turkish
icon_back.html
has been renamedicon_prev.html
.header_extra.html
has been renamedhead_extra.html
.- HEAD tags have been moved to
head.html
. - All script lines have been moved to
footer_extra.html
. highlight.css
has been removed and a new partial templatestyle_highlight.html
has been created.
If you prefer to use Goldmark instead of Blackfriday for Markdown parser, you need to
set xhtml: true
for activating progressively
extension. Also, you need to set
unsafe: true
if you use Bootstrap HTML components in Markdown files. Please take a
look at this document for
more information.
If you have a Bootstrap v4 specific customization on your theme, please take a look at this document or keep your theme in the old version v1.5.0.
It automatically reads your system or browser color scheme and activates the dark or
light mode. If you want to use dark mode in all cases, copy and move the main.css
into
your static folder keeping the path, remove light-mode specific colors.
Licensed under the MIT License. See the LICENSE.md file for more details.