Flux Palette includes several custom tags to help you organize content and call attention to important information.

Alerts (Admonitions)

Use alerts to highlight specific information. They support 5 types: info, success, warning, danger, and tip.

Did you know?

Flux Palette calculates the read time for every post automatically. You can see it in the post metadata above!

Pro Tip

You can use Markdown inside these alerts, including links and code snippets.

Warning

This is a warning without a custom title. It defaults to the type name.

Critical Error

Do not delete your _config.yml unless you know what you are doing.

Tabbed Interfaces

Perfect for showing different versions of code or grouping related content without cluttering the page.

To install on macOS, use Homebrew:

BASH 
1
brew install hexo

To install on Windows, use npm:

POWERSHELL 
1
npm install -g hexo-cli

On Linux, you can use your distribution’s package manager or npm:

BASH 
1
sudo npm install -g hexo-cli

Accordions

Collapsible sections are great for FAQs or spoilers.

Flux Palette is a Hexo theme designed for performance, privacy, and multiple color schemes.

Check the sidebar! You can select from over 15 presets or define your own custom colors using the “Flux” option.

Spoiler/redact

You can hide content on a page with spoiler/redact tags. Such as:

Timelines

You can create project/history timelines with the timeline and timeline_item tags.

Jan 2024

Inception

The initial concept for the project was defined. We outlined the core goals and selected the technology stack.

Mar 2024

Alpha Release

The first internal release was made available to the team.

  • Completed core engine
  • Added basic UI components
Present

Public Beta

We are currently in public beta. Users can now sign up and test the application.

Step-by-step guides

  1. Choose your palette

    Select a palette in the sidebar. Each step accepts Markdown.

  2. Publish your article

    Preview your changes, then publish the generated site.

Content cards

Explore the blog

Explore articles that use the theme’s reading and content controls.

Reading list

Keep articles you want to revisit in one place.

Comparison tables

Feature LocalRecommended Hosted
Credentials None Required
Offline support Available Connection required

Before and after

These images live in the site’s source/images/ folder. Files for content belong outside the theme.

Original article layoutImproved article layoutBeforeAfter

Annotated code

hello.js
JS 
1
2
const name = 'Reader';
console.log('Hello, ' + name);
  1. Lines 2

    This line prints the greeting. Copying the code excludes this explanation.

Mermaid diagrams

Publishing workflow
Diagram source
flowchart LR
    Write --> Preview --> Publish

Math equations

Inline math: a2+b2=c2a^2 + b^2 = c^2.

∑i=1ni=n(n+1)2\sum_{i=1}^{n} i = \frac{n(n+1)}{2}

Glossary popovers

A A website generated into files before visitors request its pages. can serve content quickly.

Interactive checklists

  • Review the article
  • Check links and images
  • Choose a palette

Figures and references

See Figure 1 for a local image example.

Flux Palette illustration
Figure 1.

A local figure with a Markdown caption and attribution.

Credit: Flux Palette

Download cards

This attachment lives at source/downloads/rich-content-guide.txt. A post or project can also use a relative URL for a file in its own asset folder.

Pros and cons

Pros
  • Content stays in Markdown files.
  • Components follow the selected palette.
Cons
  • Interactive controls require JavaScript.
  • Publishing changes requires a build.