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.yml就好,因为它的配置优先级是高于原_config.yml的。 通过hexo g --debug命令行输出...
使用npm命令下载Hexo。初始化本地博客文件夹。通过浏览器访问localhost:4000检查是否成功运行。配置Fluid主题：访问hexo.io/themes/获取主题信息，选择star数较高的主题。下载并安装fluid主题。在博客目录下创建_config.fluid.yml，将主题下的_config.yml内容复制进去。修改博客目录中的_config.yml，根据Hexo ...
### 关键词 Fluid主题, Hexo框架, Material风格, 代码示例, 优雅外观 ## 一、Fluid主题的基本使用与定制 ### 1.1 Fluid主题概述与安装 Fluid 主题是一款专为 Hexo 框架设计的 Material Design 风格主题,它以其优雅的外观和强大的功能性赢得了众多博客作者的喜爱。安装 Fluid 主题的过程简单直观,首先需要确保本地...
Hello Fluid 欢迎体验 Fluid ,这是一款 Material Design 风格的 Hexo 主题,以简约的设计帮助你专注于写作,本篇文章可预览主题的样式及功能。 2020-04-22 主题示例 #示例 #Fluid 仿TrymenT 游戏风格的时钟组件 一个模仿游戏 TrymenT 中时钟界面的 Web 时钟实现,带有独特双环设计 2025-03-10 功能增强 #...
一.主题# 使用hexo 推荐选择一款自己喜欢的主题,主题带有一些额外的功能适配,不需要自己去做,比如评论、友链、访问统计。可以浏览官方网站来选择自己喜欢的主题:https://hexo.io/themes/。 我是用的主题是 Fluid,我就以此主题为例来给大家演示如何安装主题。
于是一款名为「Fluid」的 Hexo 主题诞生了(原名为「Material-T」),这是由我与项目原作者 @Rook1e 两位前端苦手共同开发的主题项目。 以下是我们主题的首页截图: 再来一张文章页面的截图: 目前具有的功能特性: 图片懒加载 自定义代码高亮方案 内置多语言 支持多款评论插件 支持使用数据文件存放配置 自定义静态资源...
为了搭建一个基于Hexo的主题Fluid的个人Github博客，首先需要安装Git，可通过访问git-scm.com/downloads并按照指引完成安装。安装完成后，通过查看版本号确认安装成功。接着，需要进行本地Git与Github的连接。连接步骤包括生成SSH KEY，注意邮箱应填写与Github绑定的邮箱；查看.pub文件，可以是通过ls -a显示...
Hexo-fluid主题设置统计博客阅读量 开始小插曲: 我使用的是sublime文本编辑器: [官网] https://www.sublimetext.com/ 正戏开始 查找关键字:web_analytics (快捷键ctrl+F) 这里我使用一个第三方服务Leancloud来统计文章的阅读量。 首先需要打开 Leancloud 的官网,注册一个账号,注册好账号之后,点... ...
一.主题 使用hexo 推荐选择一款自己喜欢的主题,主题带有一些额外的功能适配,不需要自己去做,比如评论、友链、访问统计。可以浏览官方网站来选择自己喜欢的主题:https://hexo.io/themes/。 我是用的主题是 Fluid,我就以此主题为例来给大家演示如何安装主题。