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 2024   # 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. If you want to enable it, update the configuration in _config.yml

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