Hexo从0到1搭建博客系列02:引入Fluid

简介: Hexo从0到1搭建博客系列02:引入Fluid

1. Fluid简介

Fluid [官网](开始使用 | Hexo Fluid 用户手册)

Fluid 是基于 Hexo 的一款 Material Design 风格的主题,由 Fluid-dev 负责开发与维护。

主题 GitHub: github.com/fluid-dev/h…

预览网站:Fluid's blogzkqiang's blog

Fluid其实就是基于Hexo现有功能,进行了更进一步的配置、美化,引入了很多新的功能,使我们的博客变得更加美观、简洁与高效。

在进行Fluid实战之前,必须得先搭建好Hexo基础博客。

2. Fluid简单实战

  1. 进入之前搭建好的 Hexo 博客目录,执行以下命令,安装 fluid 主题
npm install --save hexo-theme-fluid

image.png

  1. 在博客目录下创建 _config.fluid.yml,将 fluid 主题自己的 _config.yml 粘贴进去。
    这一步很重要,一定要进入github.com/fluid-dev/h… 将对应的文件粘贴到之前创建好的空的_config.fluid.yml文件中。这个文件很长,所以没办法贴在这里,见谅~
  2. 打开创建好的 Hexo 博客目录下的 _config.yml ,将对应配置项修改为以下内容
    一定要注意这是 yaml 格式文件,冒号后一定要有空格。
    灵活使用 Ctrl + F 搜索关键字
theme: fluid  # 指定主题
language: zh-CN  # 指定语言,会影响主题显示的语言,按需修改

仍然是使用 hexo server 命令运行到本地

展示一下成品吧~

image.png

是不是瞬间比之前Hexo基础博客提升了一个档次?

之后我们的大部分功能将在 _config.fluid.yml 文件里完成配置~

3. 后记

如果大家觉得我的内容写的还不错,可以在评论区留言支持一下呀~

欢迎大家来逛一逛我的个人博客~

此外,从2022.10.1开始,为激励自己持续刷题,我开始持续日更Leetcode题解啦~

所有题解均已放到Github仓库中,欢迎大家Star并提出Issue~



相关文章
|
2月前
|
搜索推荐 前端开发
使用VitePress创建个人网站并部署到GitHub
该网站使用 VitePress 构建,记录了前端开发相关的笔记和教程,涵盖 Vue2 和 Vue3 等内容。网站支持暗黑模式和 Algolia 搜索服务,提供了详细的导航和侧边栏配置。通过自动化脚本进行部署,托管于 GitHub Pages。
使用VitePress创建个人网站并部署到GitHub
|
11月前
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
162 1
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
421 0
【阿里云开发】一键部署静态博客——Hexo
|
11月前
|
开发框架 资源调度 JavaScript
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
123 0
|
存储
Hexo从0到1搭建博客系列03:文章与评论模块
Hexo从0到1搭建博客系列03:文章与评论模块
|
JavaScript
Hexo 入门指南(七) - 评论 & 分享
Hexo 入门指南(七) - 评论 & 分享
73 0
|
网络安全 开发工具 git
使用vercel快速部署vuepress-next项目
使用vercel快速部署vuepress-next项目
|
JavaScript 开发工具 git
用Hexo搭建本地静态博客
用Hexo搭建本地静态博客
154 0
|
JavaScript 网络安全 开发工具
避坑98%的Hexo博客安装以及部署发布到Gitee Pages全套服务
避坑98%的Hexo博客安装以及部署发布到Gitee Pages全套服务
避坑98%的Hexo博客安装以及部署发布到Gitee Pages全套服务
|
Web App开发 JavaScript 前端开发
Hexo博客框架—轻量、一令部署
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统。
924 0
Hexo博客框架—轻量、一令部署