Hexo-theme-Fluid

Material Design 风格的 Hexo 主题
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 建站系统、 开源博客系统
软件类型 开源软件
地区 国产
投 递 者 施彬郁
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

ScreenShot

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

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

目前具有的功能特性:

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

演示

快速开始

1. 搭建 Hexo 博客

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

2. 获取主题最新版本

方式一:

Hexo 5.0.0 版本以上,推荐通过 npm 直接安装,进入博客目录执行命令:

npm install --save hexo-theme-fluid

然后在博客目录下创建 _config.fluid.yml,将主题的 _config.yml 内容复制进去。

方式二:

下载 最新 release 版本 解压到 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

更多信息

点击查看用户指南

  • hexo-theme-sakuraplus 示例站:cungudafa.top 预览视频: bilibili 源码地址:hexo-theme-sakuraplus Hexo主题Sakura由Hojun大佬修改自WordPress主题Sakura,感谢原作者Mashiro 由于sakura最近没有再更新了,我对之前的魔改笔记进行了调整和整理,开源hexo-theme-sakuraplus版本。 特性

 相关资料
  • Language: EN 中文 INSIDE ��  SPA, Flat and clean theme for Hexo, built with Angular. Preview https://blog.oniuo.com https://blog.oniuo.com/post/inside-theme-showcase Features Custom theming Built-in Sea

  • hexo-theme-material 这个主题最初是为 typecho 而开发的 [typecho-theme-material](https://github.com/viosey/typecho-theme-material)。后来觉得 hexo 用起来更 geek,便移植到 hexo。因为 hexo 开发有极大的自由度,这个主题也变得更加完善。 内置三种主题样式,三种 Markdown 样

  • Hexo 是一个基于nodejs 的静态博客网站生成器,作者是来自台湾的 Tommy Chen 特点: 不可思议的快速 ─ 只要一眨眼静态文件即生成完成 支持 Markdown 仅需一道指令即可部署到 GitHub Pages 和 Heroku 已移植 Octopress 插件 高扩展性、自订性 兼容于 Windows, Mac & Linux

  • hexo-douban —— 一个在 Hexo 页面中嵌入豆瓣个人主页的小插件。 安装 $ npm install hexo-douban --save 设置 将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件). douban:  user: mythsman  book:    title: 'This is my book title'    quote: 'Th

  • Hexo Boot 是基于 Spring Boot + MySQL 开发的一套开源的博客系统。前身是 ml-blog 博客系统,在此基础上演变和扩展而来。 扩展功能 除了继承 ml-blog 中的功能(文章、分类、标签、全局参数)外,Hexo Boot 还扩展了以下功能 评论、留言功能 友链功能 主题功能 黑名单功能 附件功能 备份功能

  • Chartjs 是一款简单优雅的数据可视化工具,对比其他图表库,如 echarts 、 highcharts 、 c3 、 flot 、 amchart 等,它的画面效果、动态效果都更精致,它的 文档首页 就透出一股小清新,基于 HTML5 Canvas,它拥有更好的性能且响应式,基本满足了一般数据展示的需要,包括折线图,条形图,饼图,散点图,雷达图,极地图,甜甜圈图等。 安装 $ npm ins