Skip to content

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

License

Notifications You must be signed in to change notification settings

smilelt/hexo-theme-fluid

 
 

Repository files navigation

Fluid Logo

一款 Material Design 风格的主题

An elegant Material-Design theme for Hexo

ScreenShot

Hexo Version Node Version License
GitHub Release GitHub Commits Last Commit

GitHub Watchers GitHub Stars GitHub Forks

中文简体 | English

文档: 用户手册     文章配置

预览: demo     zkqiang's blog

快速开始

1. 搭建 Hexo 博客

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

2. 获取主题最新版本

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

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

3. 指定主题

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

theme: fluid  # 指定主题

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

4. 创建「关于页」

首次使用主题的「关于页」需要手动创建:

$ 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

提问之前请先仔细查阅用户文档

wechat

支持

你可以通过爱发电支持我们的开源创作,资金将用于服务器开销以及今后的公共接口服务

support me

其他商业赞助可发送邮件至 zkqiang#126.com (#替换为@)

Star 趋势

Stargazers over time

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 44.0%
  • JavaScript 32.3%
  • CSS 23.7%