2.配置fluid主题 hexo主题官网: hexo.io/themes/,可以通过github搜索查看stars数大于3000的主题都有哪些,这里我们使用fluid(注:next主题使用的人很多,简约,教程很多这里不再介绍)。 1.安装fluid npm install --save hexo-theme-fluid 通过npm安装的主题会放node_moduels里,然后在之前创建的博客目录下创建 _config...
如何下载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 直接安装,进入博客目录执行命令: 代码语言:...
### 关键词 Fluid主题, Hexo框架, Material风格, 代码示例, 优雅外观 ## 一、Fluid主题的基本使用与定制 ### 1.1 Fluid主题概述与安装 Fluid 主题是一款专为 Hexo 框架设计的 Material Design 风格主题,它以其优雅的外观和强大的功能性赢得了众多博客作者的喜爱。安装 Fluid 主题的过程简单直观,首先需要确保本地...
Hexo全过程记录 从Centos到Fluid Description 简单记录一下从0到1搭建Hexo的过程. 本文首发于cnblogs 个人博客地址为 potassium.site ,可以访问查看效果.网站基于Fluid主题配置. 参考: 文档| Hexo https://hexo.fluid-dev.com/docs 【Day 9】Hexo Fluid 主題使用指南 - Part I - iT 邦幫忙::一起幫忙解決難題,...
Fluid 的 font-matter 这里的一些属性需要先修改 themes->fluid->_config.yml中的内容才可以打开。可以看配置指南 | Hexo Fluid 用户手册或者是看_config.yml,里面的注释非常之详细,相当崇拜了,因为我平时不怎么写注释。所以这里就不加赘述了。 toc:目录,必开,在右边显示一个目录,非常好用,动画做的也很流畅。
使用npm命令下载Hexo。初始化本地博客文件夹。通过浏览器访问localhost:4000检查是否成功运行。配置Fluid主题：访问hexo.io/themes/获取主题信息，选择star数较高的主题。下载并安装fluid主题。在博客目录下创建_config.fluid.yml，将主题下的_config.yml内容复制进去。修改博客目录中的_config.yml，根据Hexo ...
胎教级搭建Hexo静态博客安装Fluid主题 什么是 Hexo? Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 准备 如果你没有安装 Node.js,请百度一下,安装好Node.js再回来。 还有你的双手和大脑...
1.下载fluid 项目首页和文档地址:https://hexo.fluid-dev.com/ 下载地址:https://github.com/fluid-dev/hexo-theme-fluid/releases 找到最新的1.9.8版本下载连接 https://github.com/fluid-dev/hexo-theme-fluid/archive/refs/tags/v1.9.8.zip 2.集成 ...
欢迎体验 Fluid ,这是一款 Material Design 风格的 Hexo 主题,以简约的设计帮助你专注于写作,本篇文章可预览主题的样式及功能。 2020-04-22 主题示例 #示例 #Fluid 仿TrymenT 游戏风格的时钟组件 一个模仿游戏 TrymenT 中时钟界面的 Web 时钟实现,带有独特双环设计 2025-03-10 功能增强 #用户经验 #Fluid...