Hexo-theme-FluidMaterial Design 风格的 Hexo 主题
Fluid 是基于 Hexo 框架开发的一款 Material Design 风格的主题。
该主题相较于其他主题的优势:
- 优雅的颜值,使用 Material Design 风格突出层次感,但又不失简约,让用户能专注于写作;
- 提供大量定制化配置项,使每个用户使用该主题都能具有独特的样式;
- 响应式页面,适配手机、平板等设备,包括极端的分辨率都能轻松应对;
- 主题中少有的整合了 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
更多信息
评论
FbootstrappFacebook 的风格主题
Fbootstrapp 是一个基于 Bootstrap 提供了跟 Facebook iframe a
FbootstrappFacebook 的风格主题
0
FbootstrappFacebook 的风格主题
Fbootstrapp是一个基于Bootstrap提供了跟Facebookiframeapps和设计的功能。包含基本的CSS和HTML用于所有标准组件,包括排版、表单、按钮、表格、网格、导航等等,风格
FbootstrappFacebook 的风格主题
0
MDTabMaterial Design风格的Tabbar
MDTab一个仿google photos和google G+的Material Design风格的
MDTabMaterial Design风格的Tabbar
0
MDTabMaterial Design风格的Tabbar
MDTab一个仿googlephotos和googleG+的MaterialDesign风格的Tabbar如何使用as引入:compile'org.loader:mdtab:1.0.1'在xml中使用
MDTabMaterial Design风格的Tabbar
0
Semantic Ant结合了 Ant Design 风格的 Semantic-UI 主题
SemanticAnt是一个定制化的主题,用于构建美观的现代Web应用程序,结合了Semantic-UI框架和优雅的AntDesign风格。在线demo:http://websemantics.git
Semantic Ant结合了 Ant Design 风格的 Semantic-UI 主题
0
Semantic Ant结合了 Ant Design 风格的 Semantic-UI 主题
Semantic Ant 是一个定制化的主题,用于构建美观的现代 Web 应用程序,结合了 Sema
Semantic Ant结合了 Ant Design 风格的 Semantic-UI 主题
0
hexo-theme-materialHexo 的 Material Design 主题
hexo-theme-material这个主题最初是为typecho而开发的[typecho-theme-material](https://github.com/viosey/typecho-the
hexo-theme-materialHexo 的 Material Design 主题
0
hexo-theme-materialHexo 的 Material Design 主题
hexo-theme-material这个主题最初是为 typecho 而开发的 [typecho-
hexo-theme-materialHexo 的 Material Design 主题
0