<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整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分类等等。利用hexo整合,实现个人博客网站。增加了各种特效效果,菜单分栏、分类、主题适配。通过markdown编写文章,增加分
资源推荐
资源详情
资源评论
收起资源包目录
hexo实现个人博客网站 (275个子文件)
main.css 44KB
gitalk.css 13KB
gitalk.css 13KB
highlight.css 1KB
highlight-dark.css 626B
.editorconfig 207B
layout.ejs 5KB
post.ejs 4KB
navigation.ejs 3KB
analytics.ejs 3KB
category-list.ejs 3KB
meta-top.ejs 3KB
index.ejs 3KB
copyright.ejs 2KB
head.ejs 2KB
about.ejs 2KB
typed.ejs 2KB
giscus.ejs 2KB
math.ejs 2KB
banner.ejs 2KB
links.ejs 1KB
statistics.ejs 1KB
toc.ejs 1KB
disqus.ejs 1KB
beian.ejs 1KB
anchorjs.ejs 1KB
utterances.ejs 1KB
markdown-plugins.ejs 1KB
scripts.ejs 1KB
cusdis.ejs 1KB
remark42.ejs 975B
search.ejs 938B
waline.ejs 928B
css.ejs 906B
twikoo.ejs 850B
valine.ejs 849B
category-chains.ejs 795B
gitalk.ejs 779B
tags.ejs 736B
categories.ejs 704B
page.ejs 615B
archive-list.ejs 601B
footer.ejs 581B
sidebar-left.ejs 570B
meta-bottom.ejs 568B
sidebar-right.ejs 548B
category-bar.ejs 533B
category.ejs 531B
404.ejs 522B
highlight.ejs 509B
encrypt.ejs 485B
tag.ejs 480B
paginator.ejs 473B
changyan.ejs 454B
nprogress.ejs 447B
archive.ejs 418B
comments.ejs 404B
livere.ejs 397B
mermaid.ejs 340B
header.ejs 273B
fancybox.ejs 260B
code-widget.ejs 202B
.eslintrc 4KB
loading.gif 17KB
loading.gif 17KB
.gitattributes 31B
.gitignore 89B
.gitignore 88B
.gitkeep 0B
index.html 69KB
index.html 45KB
index.html 31KB
index.html 24KB
index.html 23KB
index.html 23KB
index.html 22KB
index.html 21KB
index.html 17KB
index.html 17KB
index.html 17KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
index.html 16KB
404.html 15KB
default.jpg 835KB
default.jpg 835KB
banner2.jpg 66KB
banner2.jpg 66KB
wx.jpg 57KB
共 275 条
- 1
- 2
- 3
资源评论
MagnumHou
- 粉丝: 1w+
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 论文(最终)_20240430235101.pdf
- 基于python编写的Keras深度学习框架开发,利用卷积神经网络CNN,快速识别图片并进行分类
- 最全空间计量实证方法(空间杜宾模型和检验以及结果解释文档).txt
- 5uonly.apk
- 蓝桥杯Python组的历年真题
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- 前端开发技术实验报告:内含4四实验&实验报告
- Highlight Plus v20.0.1
- 林周瑜-论文.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功