然后在博客目录下创建 _config.fluid.yml,将主题的 _config.yml 内容复制进去。
git clone https://github.com/fluid-dev/hexo-theme-fluid.git
或者直接下载压缩文件,解压后放到themes目录,将解压出来的文件夹命名为fluid
修改 Hexo 博客目录中的 _config.yml:
theme: fluid # 指定主题
languages: zh-CN # 指定语言,会影响主题显示的语言,按需修改
首次使用主题的「关于页」需要手动创建:
hexo new page about
创建成功后,编辑博客目录下 /source/about/index.md
,添加 layout 属性。
修改后的文件示例如下:
title: about
date: 2020-02-23 19:20:33
layout: about
这里写关于页的正文,支持 Markdown, HTML
分类页、标签类也类似
创建了这两个页,在写文章的时候,在最前面写上对应的category、tags即可
title: 使用Hexo搭建博客(基础版)
index_img: https://gitee.com/youlan_lan/md_image/raw/master/20210607012255.png
categories:
- 博客搭建
tags:
- 博客搭建
- node
- git
- github
具体的参数可以查阅官方文档: https://hexo.io/zh-cn/docs/front-matter
然后在博客目录下创建 _config.fluid.yml,将主题的 _config.yml 内容复制进去。或者直接下载压缩文件,解压后放到themes目录,将解压出来的文件夹命名为fluid。
【手把手系列2】傻瓜式 Hexo 之 Fluid 主题配置教程
0. 前言
Hexo搭建好的博客是使用landscape主题,看起来挺丑的…不是很喜欢,所以我们到hexo官网上寻找一些好看的主题进行更改。
hexo主题网站: https://hexo.io/themes/
这里有几百个主题供你选择,由于太多而且网站中也没有对这些主题进行筛选的功能,让人难以选择,所以我们推荐到github上寻找合适的主题:
从而可以看出,最受欢迎的是Next主题,还有几个主题的star数也不少,大家根据自己的喜好挑选
一款 Material Design 风格的主题
An elegant Material-Design theme for Hexo
### 效果预览:https://bynote.cn
我是一个十分纠结的人,以前用的butterfly主题,界面、功能、视觉都非常强悍和强大的主题,使用的人非常多,但是我不喜欢内容页面的宽度,我又不会调,直到又一天我看到了fluid主题,一下子就心动了,马上开始测试,不知道为什么,新建页面的评论无法开启,直接给page上评论代码都不行,在lantyou里开启..
深度解析:Hexo 主题 Fluid - 优雅高效的博客构建工具
项目地址:https://gitcode.com/fluid-dev/hexo-theme-fluid
Hexo 是一款强大的静态网站生成器,而 Hexo Theme Fluid 则是基于 Hexo 的一款精美、易用且功能丰富的主题,为你的个人博客或技术站点赋予了灵动的生命力。
Hexo Theme Fluid 是由 fl...
npm install --save hexo-theme-fluid
然后在博客目录下创建 _config.fluid.yml,将主题的 _config.yml 内容复制进去。
注意: 我们说的主题_config.yml就是fluid里面的配置文件_config.yml,站点_conf
将其注释掉, 然后修改为下面的代码
<% if(theme.post.copyright.enable && theme.post.copyright.content && page.copyright !== false) { %><p class="note note-warning">