Hexo-theme-Fluid 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Hexo-theme-Fluid 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript HTML/CSS
操作系统: 跨平台
收录时间: 2019-10-18
提 交 者: 张凯强-zkqiang

Fluid 是基于 Hexo 框架开发的一款 Material Design 风格的主题。

ScreenShot

该主题相较于其他主题的优势:

  1. 优雅的颜值,使用 Material Design 风格突出层次感,但又不失简约,让用户能专注于写作;
  2. 提供大量定制化配置项,使每个用户使用该主题都能具有独特的样式;
  3. 响应式页面,适配手机、平板等设备,包括极端的分辨率都能轻松应对;
  4. 主题中少有的整合了 LaTeX 和 mermaid 的支持

目前具有的功能特性:

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

演示

快速开始

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

更多信息

点击查看用户指南

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

Hexo-theme-Fluid 的相关博客

hexo-theme-next主题设置

前言 由于hexo已经搭建好,并且是用的next主体。这里主要介绍下,next主题相关的一些优化配置。 读者可以在 https://hexo.io/...

Wixo - a wiki theme for Hexo

介绍我为 Hexo 编写的第二个主题 Wixo 。 自从我将博客的主题 Freemind 开源了之后,我收到了很多朋友的来信,希望我也能把博...

hexo-theme-yilia使用遇到的问题

该项目的github地址:https://github.com/litten/hexo-theme-yilia 下面是该项目的README.md 在使用过中遇到这么一个问题。 ...

解决busuanzi_count突然失效的方法(hexo-theme-next)

2018-09月份的时候,还正常的使用不蒜子统计功能(不蒜子统计功能配置文件已经配置好:themes\next_config.yml)。过完国庆后,...

hexo-theme-freemind主题重大更新

如果您是因为 freemind 主题关注本博客的,那么我将很兴奋地为您带来一个好消息。freemind 主题不再是一成不变的黑色主题了,...

.container 与.container-fluid的区别

从下面的代码可以看出两者的区别: @media (min-width: 568px) {   .container {     width: 550px;   } } @me...

Hexo

文章目录默认展开 参考文章 对于想要通过点击目录来进行展开与收缩的,需要进行下面的操作,把 //文章目录默认展开 .post-to...

Theme Hooks and Theme Hook Suggestions

主题函数和主题模板都是使用hook_theme()注册的,所以学会这种技术可以大大的增加网站设计的自由度,我们可以为我们的block注...

hexo

hexo

Hexo - ERROR Local hexo not found in xxx

1.出现的问题   执行 hexo d 和 hexo g 时报错。      此时可参考此链接或此链接 2.若上述链接不能解决问题,很可能是因...

Hexo-theme-Fluid 的相关问答

还没有任何问答,马上提问

评论 (4)

加载中
学习了
2019/11/01 20:42
回复
举报
不觉得这个是Material Design风格,可以去看官方的设计规范文档,只是类似MD风格。
2019/10/18 13:40
回复
举报
张凯强-zkqiang软件作者
我们用的是 mdbootstrap(Material Design for Bootstrap),咋就不是 Material Design 呢
2019/10/22 23:23
回复
举报
对的,类似而已
08/13 08:16
回复
举报
更多评论
4 评论
84 收藏
分享
返回顶部
顶部