A clean and minimal Hexo theme with categorized column layout, inspired by hexo-theme-cactus dark mode and leavesongs.com.
- Dark Mode - Beautiful dark color scheme
- Categorized Columns - Display posts in up to 2 categorized columns on homepage
- Responsive Design - Works on all devices
- Local Search - Built-in search functionality
- Multiple Comment Systems - Support for Disqus, Utterances, and Giscus
- Code Highlighting - Tomorrow Night theme
- i18n Support - English and Chinese
cd your-hexo-site
git clone https://github.com/WinMin/hexo-theme-Bloom.git themes/Bloomnpm install hexo-renderer-ejs hexo-renderer-stylus hexo-generator-searchdb --saveEdit _config.yml in your site root:
theme: BloomCreate or edit themes/Bloom/_config.yml:
nav:
Home: /
Archives: /archives/
About: /about/profile:
enabled: true
avatar: /images/avatar.png
title: "Your Name"
subtitle: "A brief introduction"
description: |
Security Researcher / Developer / Blogger.columns:
enabled: true
layout: two-column # single-column | two-column
items:
- name: Security
category: security
limit: 10
show_date: true
- name: Life
category: life
limit: 10
show_date: truesocial:
github: https://github.com/yourname
twitter: https://twitter.com/yourname
email: mailto:you@example.com
weibo: https://weibo.com/yourname
rss: /atom.xmlsearch:
enabled: true
path: search.xml
placeholder: "Search..."comments:
enabled: true
provider: utterances # disqus | utterances | giscus
utterances:
repo: "yourname/yourrepo"
issue_term: pathname---
title: My Post Title
date: 2024-01-01
categories:
- security
tags:
- web
- xss
---To use the column feature, create posts with categories matching your column configuration:
# Post in Security column
categories:
- security
# Post in Life column
categories:
- lifehexo new page categoriesEdit source/categories/index.md:
---
title: Categories
layout: categories
---hexo new page archivesEdit source/archives/index.md:
---
title: Archives
layout: archive
---hexo new page linkEdit source/link/index.md:
---
title: Links
layout: links
links:
- name: Friend Name
url: https://example.com
avatar: /images/avatar.png # Optional, auto-fetched if omitted
description: A brief description
---Edit source/css/_colors/dark.styl to customize colors:
$color-background = #1d1f21
$color-text = #c9cacc
$color-link = rgba(212, 128, 170, 1)
$color-accent = #2bbc8a- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
MIT License
- Inspired by hexo-theme-cactus
- Layout reference from leavesongs.com