majunbo / hexo-theme-fluid

:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo

Home Page:https://hexo.fluid-dev.com/docs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fluid Logo

一款 Material Design 风格的主题

An elegant Material-Design theme for Hexo

ScreenShot

GitHub release (latest by date) Hexo version Contributors License

中文简体 | English

文档: 用户手册     更新日志     文章配置

预览: Rook1e's blog     zkqiang's blog     吃白饭的休伯利安号

快速开始

1. 搭建 Hexo 博客

如果你还没有 Hexo 博客,请按照 Hexo 官方文档 进行安装、建站。

2. 获取主题最新版本

请优先下载 最新 release 版本,master 分支无法保证稳定。

下载后解压到 themes 目录下并重命名为 fluid

3. 指定主题

如下修改 Hexo 博客目录中的 _config.yml

theme: fluid  # 指定主题

language: zh-CN  # 指定语言,可不改

4. 创建「关于页」

自 v1.7.0 开始,「关于页」需要手动创建:

$ hexo new page about

创建成功后,编辑博客目录下 /source/about/index.md,添加 layout 属性。

修改后的文件示例如下:

title: about
date: 2020-02-23 19:20:33
layout: about
---

这里写正文,支持 Markdown, HTML

升级主题

首先强烈建议学习使用覆盖配置

然后升级步骤参照这里

功能特性

  • 图片懒加载
  • 自定义代码高亮方案
  • 内置多语言
  • 支持多款评论插件
  • 支持使用数据文件存放配置
  • 自定义静态资源 CDN
  • 内置文章搜索
  • 页脚备案信息
  • 网页访问统计
  • 支持 LaTeX 数学公式
  • 支持 mermaid 流程图
  • 音乐播放器

贡献者

contributors

英文文档翻译:@EatRice @橙子杀手

其他贡献:@zhugaoqi @julydate

如你也想贡献代码,可参照贡献指南

反馈

  • 微信群:扫描后添加好友,回复「fluid」(在聊天回复,不是加好友验证)自动拉群
    二维码

Star 趋势

Stargazers over time

About

:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo

https://hexo.fluid-dev.com/docs

License:MIT License


Languages

Language:JavaScript 67.2%Language:HTML 22.8%Language:CSS 10.1%