Hello Fluid 欢迎体验 Fluid ,这是一款 Material Design 风格的 Hexo 主题,以简约的设计帮助你专注于写作,本篇文章可预览主题的样式及功能。 2020-04-22 主题示例 #示例 #Fluid 仿TrymenT 游戏风格的时钟组件 一个模仿游戏 TrymenT 中时钟界面的 Web 时钟实现,带有独特双环设计 2025-03-10 功能增强 #...
hexo主题官网: hexo.io/themes/,可以通过github搜索查看stars数大于3000的主题都有哪些,这里我们使用fluid(注:next主题使用的人很多,简约,教程很多这里不再介绍)。 1.安装fluid npm install --save hexo-theme-fluid 通过npm安装的主题会放node_moduels里,然后在之前创建的博客目录下创建 _config.fluid.yml,将该...
如何下载fluid主题 hexo 5.0以上的版本,直接npm安装:npm install --save hexo-theme-fluid 安装好之后,在博客目录下创建_config.fluid.yml,将主题_config.yml的内容复制进去。以后如果修改任何主题配置,都直接修改_config.
Fluid 简介 Fluid 是基于 Hexo 的一款 Material Design 风格的主题,由 Fluid-dev 负责开发与维护。 主题GitHub: https://github.com/fluid-dev/hexo-theme-fluid 预览网站: Fluid’s Blog zkqiang’s blog Fluid 主题安装 方式一 Hexo 5.0.0 版本以上,推荐通过 npm 直接安装,进入博客目录执行命令: 代码语言:...
:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo - Releases · fluid-dev/hexo-theme-fluid
https://hexo.io/themes/ ,这个里面有很多主题,可以任意挑选一个自己喜欢的主题,点击进去,通常都有github地址,上面有安装和使用方法介绍,我这里选了一个名叫“fluid” 的主题。 这是使用地址:https://github.com/fluid-dev/hexo-theme-fluid 下面截图是fluid使用介绍的部分内容 ...
1.安装fluid npm install --save hexo-theme-fluid 通过npm安装的主题会放node_moduels里,然后在之前创建的博客目录下创建 _config.fluid.yml,将该主题下的 _config.yml 内容复制进去。 2.配置fluid 修改博客目录中的 _config.yml,修改两个字段: language: zh-CN # 指定中文theme: fluid # 指定主题 ...
npm install --save hexo-theme-fluid 然后在博客目录下创建_config.fluid.yml,将主题的_config.yml内容复制进去。 方式二: 下载最新 release 版本解压到 themes 目录,并将解压出的文件夹重命名为fluid。 如下修改 Hexo 博客目录中的_config.yml: theme:fluid#指定主题language:zh-CN#指定语言,会影响主题显示的语...
git clone https://github.com/fluid-dev/hexo-theme-fluid.git themes/fluid 修改 _config.yml 文件...
## 二、丰富的代码示例与实践操作 ### 2.1 代码示例:修改主题颜色 Fluid 主题的灵活性不仅仅体现在其强大的功能上,更在于它给予用户高度的自定义自由度。通过简单的 CSS 调整,就可以让整个博客焕然一新。例如,想要改变网站的主要色调,只需编辑 `_config.yml` 文件中的相关设置即可。具体来说,找到 `theme_color...