LOADING

页面加载中...

ParticleXF

Preview DEMO

avatar
Florance

DEMO for ParticleXF
Tutorial for Hexo

Readme-zh-CN

2026/7/23

ParticleXF

ParticleX 的 Hexo 主题分支,基于上游主题做了更偏个人博客的定制:双主题、星空背景、响应式 TOC、代码折叠/换行、数学公式、Mermaid、归档筛选和多种评论方案等。

特性

  • 柔和深色 / 暖浅色双主题,使用 CSS 变量切换
  • 顶栏主题切换并记忆用户选择
  • 动态星空背景,浅色模式下显示更轻量的背景效果
  • 文章 TOC:滚动高亮、平滑跳转、窄屏浮层
  • 代码块:Highlight.js 高亮、行号、复制、自动换行、长代码折叠
  • 数学公式、Mermaid 图表、图片预览、文章加密、归档标题筛选
  • 通过 Front Matter 设置文章置顶权重和首页摘要
  • 支持 giscus、Gitalk、Waline、Twikoo
  • {% note %} 提示框标签
阅读全文

Readme-en

2026/7/23

ParticleXF

A Hexo theme fork of ParticleX, customized for personal blogs: dual themes, starry background, responsive TOC, code folding/wrapping, math support, Mermaid, archive filtering, and multiple comment options.

Features

  • Soft dark / warm light dual themes using CSS variables
  • Theme toggle in the top bar with user preference persistence
  • Dynamic starry background (lighter effect in light mode)
  • Article TOC with scroll highlighting, smooth jump, and a narrow-screen popover
  • Code blocks: Highlight.js, line numbers, copy button, wrapping, and collapsible long code
  • Math formulas, Mermaid diagrams, image preview, encrypted posts, archive title filtering
  • Numeric post pinning and custom home-page summaries through Front Matter
  • Supports giscus, Gitalk, Waline, Twikoo
  • {% note %} callout boxes
阅读全文

HEXO-教程-1|安装与使用

Tutorial 2026/7/23
信息

教你从零开始搭建个人博客
—-以HEXO的Particlexf主题为例
Part I

本文将要介绍如何安装和初始化HEXO博客

阅读全文

HEXO-教程-2|主题与页面

Tutorial 2026/7/23
信息

教你从零开始搭建个人博客
—-以HEXO的Particlexf主题为例
Part II

本文将要介绍如何安装主题、进行一些基本的配置和创建页面。

阅读全文

HEXO-教程-3|文章小技巧

Tutorial 2026/7/23
信息

教你从零开始搭建个人博客
—-以HEXO的Particlexf主题为例
Part III

本文将要介绍 HEXO 博客的一些文章小技巧,以及 ParticleXF 主题的一些特色功能。

阅读全文

HEXO-教程-4|部署

Tutorial 2026/7/25
信息

教你从零开始搭建个人博客
—-以HEXO的Particlexf主题为例
Part IV

本文将要介绍如何将你的 HEXO 博客部署到远程服务器上,使其可以被访问。

阅读全文

HEXO-教程-5|定制化

Tutorial 2026/7/25
信息

教你从零开始搭建个人博客
—-以HEXO的Particlexf主题为例
Part V

本文将要介绍如何简单定制 ParticleXF 主题,主要讲 EJS、如何添加自己的 JSCSS、如何修改模板。

阅读全文

Hello World

2026/7/23

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

$ hexo new "My New Post"

More info: Writing

Run server

$ hexo server

More info: Server

Generate static files

$ hexo generate

More info: Generating

Deploy to remote sites

$ hexo deploy

More info: Deployment

阅读全文
1
avatar
Florance

DEMO for ParticleXF
Tutorial for Hexo