Git Product home page Git Product logo

hexo-theme-fluid's Introduction

Fluid Logo

一款 Material Design 风格的主题

An elegant Material-Design theme for Hexo

ScreenShot

Hexo Version Node Version License
GitHub Release Npm Downloads GitHub Commits

GitHub Watchers GitHub Stars GitHub Forks

🇨🇳 中文简体 | 🇬🇧 English

文档: 主题配置 | 文章配置

预览: Fluid's blog | zkqiang's blog

快速开始

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
layout: about
---

这里写关于页的正文,支持 Markdown, HTML

更新主题

更新主题的方式参照这里

功能特性

  • 无比详实的用户文档
  • 页面组件懒加载
  • 多种代码高亮方案
  • 多语言配置
  • 内置多款评论插件
  • 内置网页访问统计
  • 内置文章本地搜索
  • 支持暗色模式
  • 支持脚注语法
  • 支持 LaTeX 数学公式
  • 支持 mermaid 流程图

支持我们

你可以扫描下方微信赞赏码支持我们的开源创作,让我们可以补贴服务器及域名等日常开销。

微信赞赏码

同时我们正在寻求商业赞助,如果贵司想在本页显著位置展示广告位(每月 6K+ Views 定向流量曝光),或者有其他赞助形式,可将联系方式发送邮件至 zkqiang#126.com (#替换为@)。

贡献者

contributors

英文文档翻译:@EatRice @橙子杀手

其他贡献:@zhugaoqi @julydate

如你也想贡献代码,可参照贡献指南

鸣谢

JetBrains

Star 趋势

Stargazers over time

hexo-theme-fluid's People

Contributors

zkqiang avatar 0x2e avatar juukee avatar zhaoyibo avatar potat0000 avatar toastsgithub avatar karuboniru avatar chungzh avatar cenergy avatar azerrroth avatar naicfeng avatar yinyajun avatar matchy233 avatar luohuidong avatar lovelyquantum avatar liuyunfz avatar lc5900 avatar kkzhilu avatar kiritoxf avatar eschiclers avatar mohuishou avatar perqin avatar shiyanmaia avatar sinchang avatar songhn233 avatar yrpang avatar zhuweitung avatar voidbytes avatar diaossama avatar edwardzcn-decade avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.