hexo-bootstrap-theme

A simple hexo theme made by bootstrap 5

Github

How to use

• Open terminal in your hexo project

• Clone this repository into themes directory

git clone https://github.com/Link1515/hexo-bootstrap-theme themes/hexo-bootstrap-theme

# Or, use it as submodule
git submodule add https://github.com/Link1515/hexo-bootstrap-theme themes/hexo-bootstrap-theme

• Modify the theme configuration in the root _config.yml file to hexo-bootstrap-theme

theme: hexo-bootstrap-theme

Then start enjoying the theme!

Theme Configuration

theme_config:
  share_image: ''     # default share image
  favicon: ''         # favicon path
  logo:
    title: 'My Blog'  # logo title in the navbar
    image: ''         # logo image in the navbar
  post:
    show_cover: true           # show cover in the post
    show_description: true     # show description in the post
  footer_content: © Copyright 2025   # footer content

Post Front-matter

• You can update your scaffolds/post.md with following

---
title: {{ title }}
date: {{ date }}
cover: https://myBlog.com/cover.jpg   # For share image, and recommended to use a 1200 x 630 image
description: hello my description      # For share description
categories: my category
tags:
  - tag 1
  - tag 2
---

Syntax Highlighting

This theme use prismjs for syntax highlighting. To enable it, update the configuration in _config.yml

syntax_highlighter: prismjs
prismjs:
  preprocess: false
  line_number: true
  line_threshold: 0
  tab_replace: ''

Supported Languages

ASP.NET	Apache	Bash	C	C#	C++
CSS	CSV	Django	Docker	EJS	Go
GraphQL	HTML	Handlebars	JSON	Java	JavaScript
Kotlin	Lua	Makefile	Nginx	Objective-C	PHP
PowerShell	Python	Ruby	Rust	SASS/SCSS	SQL
Swift	Twig	TypeScript	YAML	cshtml	ini
vim