<p align="center">
<img alt="Fluid Logo" src="https://avatars2.githubusercontent.com/t/3419353?s=280&v=4" width="128">
</p>
<p align="center">一款 Material Design 风格的主题</p>
<p align="center">An elegant Material-Design theme for Hexo</p>
![ScreenShot](https://cdn.jsdelivr.net/gh/fluid-dev/static@master/hexo-theme-fluid/screenshots/index.png)
<p align="center">
<a title="Hexo Version" target="_blank" href="https://hexo.io/zh-cn/"><img alt="Hexo Version" src="https://img.shields.io/badge/Hexo-%3E%3D%205.0-orange?style=flat"></a>
<a title="Node Version" target="_blank" href="https://nodejs.org/zh-cn/"><img alt="Node Version" src="https://img.shields.io/badge/Node-%3E%3D%2010.13.0-yellowgreen?style=flat"></a>
<a title="License" target="_blank" href="https://github.com/fluid-dev/hexo-theme-fluid/blob/master/LICENSE"><img alt="License" src="https://img.shields.io/github/license/fluid-dev/hexo-theme-fluid.svg?style=flat"></a>
<br>
<a title="GitHub Release" target="_blank" href="https://github.com/fluid-dev/hexo-theme-fluid/releases"><img alt="GitHub Release" src="https://img.shields.io/github/v/release/fluid-dev/hexo-theme-fluid?style=flat"></a>
<a title="Npm Downloads" target="_blank" href="https://www.npmjs.com/package/hexo-theme-fluid"><img alt="Npm Downloads" src="https://img.shields.io/npm/dt/hexo-theme-fluid?color=red&label=npm"></a>
<a title="GitHub Commits" target="_blank" href="https://github.com/fluid-dev/hexo-theme-fluid/commits/master"><img alt="GitHub Commits" src="https://img.shields.io/github/commit-activity/m/fluid-dev/hexo-theme-fluid.svg?style=flat&color=brightgreen&label=commits"></a>
<br><br>
<a title="GitHub Watchers" target="_blank" href="https://github.com/fluid-dev/hexo-theme-fluid/watchers"><img alt="GitHub Watchers" src="https://img.shields.io/github/watchers/fluid-dev/hexo-theme-fluid.svg?label=Watchers&style=social"></a>
<a title="GitHub Stars" target="_blank" href="https://github.com/fluid-dev/hexo-theme-fluid/stargazers"><img alt="GitHub Stars" src="https://img.shields.io/github/stars/fluid-dev/hexo-theme-fluid.svg?label=Stars&style=social"></a>
<a title="GitHub Forks" target="_blank" href="https://github.com/fluid-dev/hexo-theme-fluid/network/members"><img alt="GitHub Forks" src="https://img.shields.io/github/forks/fluid-dev/hexo-theme-fluid.svg?label=Forks&style=social"></a>
</p>
<p align="center">🇨🇳 中文简体 | <a title="English" href="README_en.md">🇬🇧 English</a></p>
<p align="center">
<span>文档:</span>
<a href="https://hexo.fluid-dev.com/docs/guide/">主题配置</a> |
<a href="https://hexo.io/zh-cn/docs/front-matter">文章配置</a>
</p>
<p align="center">
<span>预览:</span>
<a href="https://hexo.fluid-dev.com/">Fluid's blog</a> |
<a href="https://zkqiang.cn">zkqiang's blog</a>
</p>
## 快速开始
#### 1. 搭建 Hexo 博客
如果你还没有 Hexo 博客,请按照 [Hexo 官方文档](https://hexo.io/zh-cn/docs/) 进行安装、建站。
#### 2. 获取主题最新版本
**方式一:**
Hexo 5.0.0 版本以上,推荐通过 npm 直接安装,进入博客目录执行命令:
```sh
npm install --save hexo-theme-fluid
```
然后在博客目录下创建 `_config.fluid.yml`,将主题的 [_config.yml](https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml) 内容复制进去。
**方式二:**
下载 [最新 release 版本](https://github.com/fluid-dev/hexo-theme-fluid/releases) 解压到 themes 目录,并将解压出的文件夹重命名为 `fluid`。
#### 3. 指定主题
如下修改 Hexo 博客目录中的 `_config.yml`:
```yaml
theme: fluid # 指定主题
language: zh-CN # 指定语言,会影响主题显示的语言,按需修改
```
#### 4. 创建「关于页」
首次使用主题的「关于页」需要手动创建:
```bash
hexo new page about
```
创建成功后,编辑博客目录下 `/source/about/index.md`,添加 `layout` 属性。
修改后的文件示例如下:
```yaml
---
title: about
layout: about
---
这里写关于页的正文,支持 Markdown, HTML
```
## 更新主题
更新主题的方式[参照这里](https://hexo.fluid-dev.com/docs/start/#更新主题)。
## 功能特性
- [x] 无比详实的[用户文档](https://hexo.fluid-dev.com/docs/)
- [x] 页面组件懒加载
- [x] 多种代码高亮方案
- [x] 多语言配置
- [x] 内置多款评论插件
- [x] 内置网页访问统计
- [x] 内置文章本地搜索
- [x] 支持暗色模式
- [x] 支持脚注语法
- [x] 支持 LaTeX 数学公式
- [x] 支持 mermaid 流程图
## 支持我们
你可以扫描下方微信赞赏码支持我们的开源创作,让我们可以补贴服务器及域名等日常开销。
<img src="https://github.com/fluid-dev/static/blob/master/hexo-theme-fluid/sponsor.png?s=200&v=4" width="200" alt="微信赞赏码">
同时我们正在**寻求商业赞助**,如果贵司想在本页显著位置展示广告位(每月 6K+ Views 定向流量曝光),或者有其他赞助形式,可将联系方式发送邮件至 zkqiang#126.com (#替换为@)。
## 贡献者
[![contributors](https://opencollective.com/hexo-theme-fluid/contributors.svg?width=890&button=false)](https://github.com/fluid-dev/hexo-theme-fluid/graphs/contributors)
英文文档翻译:[@EatRice](https://eatrice.top/) [@橙子杀手](https://ruru.eatrice.top)
其他贡献:[@zhugaoqi](https://github.com/zhugaoqi) [@julydate](https://github.com/julydate)
如你也想贡献代码,可参照[贡献指南](https://hexo.fluid-dev.com/docs/contribute/)
## 鸣谢
<a title="鸣谢 JetBrains 免费授权开发工具" href="https://www.jetbrains.com/?from=hexo-theme-fluid" target="_blank">
<img src="https://raw.githubusercontent.com/fluid-dev/static/690616966f34a58d66aa15ac7b550dd7bbc03967/hexo-theme-fluid/jetbrains.svg" width="150" alt="JetBrains">
</a>
## Star 趋势
[![Stargazers over time](https://starchart.cc/fluid-dev/hexo-theme-fluid.svg)](https://starchart.cc/fluid-dev/hexo-theme-fluid)
没有合适的资源?快使用搜索试试~ 我知道了~
hexo主题包(4个)
共696个文件
ejs:122个
styl:119个
js:109个
需积分: 2 0 下载量 146 浏览量
2023-02-14
08:58:12
上传
评论
收藏 2.15MB ZIP 举报
温馨提示
hexo的博客搭建,有4款主题可以自己选择
资源推荐
资源详情
资源评论
收起资源包目录
hexo主题包(4个) (696个子文件)
.babelrc 116B
main.0cf68a.css 59KB
gitalk.css 13KB
jquery.fancybox.css 5KB
jquery.fancybox-buttons.css 2KB
normalize.min.css 2KB
jquery.fancybox-thumbs.css 735B
.editorconfig 207B
.editorconfig 147B
script.ejs 104KB
article.ejs 5KB
post.ejs 4KB
tools.ejs 4KB
navigation.ejs 3KB
analytics.ejs 3KB
category-list.ejs 3KB
meta-top.ejs 3KB
index.ejs 3KB
viewer.ejs 2KB
copyright.ejs 2KB
head.ejs 2KB
share.ejs 2KB
about.ejs 2KB
typed.ejs 2KB
giscus.ejs 2KB
math.ejs 2KB
article.ejs 2KB
mobile-nav.ejs 2KB
links.ejs 1KB
statistics.ejs 1KB
head.ejs 1KB
banner.ejs 1KB
toc.ejs 1KB
disqus.ejs 1KB
header.ejs 1KB
left-col.ejs 1KB
beian.ejs 1KB
head.ejs 1KB
anchorjs.ejs 1KB
utterances.ejs 1KB
markdown-plugins.ejs 1KB
aside.ejs 1KB
archive.ejs 1KB
header.ejs 1KB
scripts.ejs 1KB
cusdis.ejs 1KB
layout.ejs 1012B
archive.ejs 1005B
layout.ejs 997B
remark42.ejs 975B
search.ejs 938B
waline.ejs 928B
css.ejs 906B
script.ejs 887B
twikoo.ejs 850B
valine.ejs 849B
after-footer.ejs 825B
category-chains.ejs 795B
gitalk.ejs 779B
duoshuo.ejs 753B
nav.ejs 742B
tags.ejs 736B
categories.ejs 704B
nav.ejs 681B
layout.ejs 648B
gauges-analytics.ejs 629B
page.ejs 615B
archive-list.ejs 601B
footer.ejs 581B
archive-post.ejs 577B
sidebar-left.ejs 570B
meta-bottom.ejs 568B
mathjax.ejs 565B
after-footer.ejs 553B
sidebar-right.ejs 548B
google-analytics.ejs 535B
google-analytics.ejs 535B
category-bar.ejs 533B
category.ejs 531B
404.ejs 522B
highlight.ejs 509B
encrypt.ejs 485B
tag.ejs 480B
gitment.ejs 478B
paginator.ejs 473B
title.ejs 466B
title.ejs 466B
category.ejs 454B
changyan.ejs 454B
nprogress.ejs 447B
tag.ejs 427B
footer.ejs 427B
archive.ejs 418B
comments.ejs 404B
recent_posts.ejs 399B
livere.ejs 397B
gallery.ejs 377B
footer.ejs 370B
archive-post.ejs 349B
mermaid.ejs 340B
共 696 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
鱼儿跳
- 粉丝: 11
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功