Hexo 博客安装 Fluid 主题

一.主题

使用 hexo 推荐选择一款自己喜欢的主题,主题带有一些额外的功能适配,不需要自己去做,比如评论、友链、访问统计。可以浏览官方网站来选择自己喜欢的主题:https://hexo.io/themes/。

我是用的主题是 Fluid,我就以此主题为例来给大家演示如何安装主题。

Hexo 博客安装 Fluid 主题

二.安装

下面的命令默认在博客根目录执行

通过命令安装

npm install --save hexo-theme-fluid

修改 Hexo 博客目录中的 _config.yml

theme: fluid  # 指定主题

language: zh-CN  # 指定语言,会影响主题显示的语言,按需修改

创建 关于 页

hexo new page about

创建成功后修改 /source/about/index.md,添加 layout 属性。

修改后的文件示例如下:


这里写关于页的正文,支持 Markdown, HTML

如果主题有更新,可以通过如下命令更新:

npm update --save hexo-theme-fluid

现在通过命令 hexo s 来预览你新安装的主题啦

三.开启友链

可以和你的好友博客之间交换友链哦,Fluid 提供的友链的功能。

Hexo 博客安装 Fluid 主题

配置 _config.fluid.yml

menu:
     - { key: "links", link: "/links/", icon: "iconfont icon-link-fill" }

加入 links 链接,然后就可以在导航栏看到 友链

添加或删除友链,配置 _config.fluid.yml:

links:
  enable: true
  # 友链的成员项
  # Member item of page
  items:
    - {
      title: "晓晨Master",
      intro: "晓晨的博客园",
      link: "https://www.cnblogs.com/stulzq/",
      avatar: "/img/favicon.png"
    }

四.增加留言板

执行命令添加页面

hexo new page remark

编辑 source/remark/index.md


欢迎留言,请留下邮箱方便我回复您!

评论插件的开启放在下一节

添加留言板到导航,配置 _config.fluid.yml:

menu:
    - { key: "remark", link: "/remark/" }

五.开启评论插件

评论插件推荐使用 twikoo

Hexo 博客安装 Fluid 主题

具有自动拉取 QQ 头像功能,防垃圾,实时通知、邮件通知、管理后台,IP 归属地显示等功能。

官方的安装文档很详细,此处不赘述:https://twikoo.js.org/

安装后 twikoo 评论系统以后,需要配置 _config.fluid.yml:

文章页面评论

post:
  comments:
    enable: true
    type: twikoo

友链页面评论

links:
  comments:
    enable: true
    type: twikoo

推荐配置完成以后开启,评论防垃圾,过滤政治、黄赌毒等敏感言论,同时配置钉钉、邮件等实时通知。在后台管理配置即可,带有详细的主题,如有不会的可以在在本文留言。

六.结束

本文所有主题配置都和博客使用的一样,欢迎访问查看:https://xcmaster.com

Original: https://www.cnblogs.com/stulzq/p/16445024.html
Author: 晓晨Master
Title: Hexo 博客安装 Fluid 主题

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/590225/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • C语言-字符串函数的实现(五)之strstr

    C语言中的字符串函数有如下这些 获取字符串长度 strlen 长度不受限制的字符串函数 strcpy strcat strcmp 长度受限制的字符串函数 strncpy strnc…

    Java 2023年6月10日
    069
  • SpringCloudAlibaba项目之Ribbon负载均衡

    SpringCloudAlibaba随笔目录 一、SpringCloudAlibaba项目之父工程搭建 二、 SpringCloudAlibaba项目之Nacos搭建及服务注册 三…

    Java 2023年6月5日
    097
  • MyBatis入门配置

    ​ 目录 一、创建数据库 二、创建mybatis核心配置文件 三、配置pom.xml 四、创建pojo 五、创建工具类获取SqlSession对象 六、创建Dao层接口 七、创建D…

    Java 2023年6月7日
    053
  • 第一次网页制作

    以下是打开文件使用的模式的列表 – 编号模式描述 1 打开的文件为只读模式。文件指针位于文件的开头,这是默认模式。 2 打开仅用二进制格式读取的文件。文件指针位于文件的…

    Java 2023年6月6日
    055
  • mybatis报错:java.io.IOException: Could not find resource /resources/mybatis-config.xml

    原因:这个图标的resources目录是根目录,在此目录下的文件直接写文件名即可 Original: https://www.cnblogs.com/CounterX/p/1645…

    Java 2023年6月9日
    094
  • 【软件构造】Java设计模式

    创建模式:关注对象的创建过程 简单工厂模式 实现流程: 将需要创建的各种不同的产品对象封装到不同的类中,成为具体产品类 将具体产品类的公共代码进行提取封装到抽象产品类中,具体产品类…

    Java 2023年6月5日
    078
  • Java 15 新特性:文本块

    大家好,我是DD,今天继续来学点Java的新特性! 假设有这样一个场景,我们需要做一个工具。用来自动生成项目文档,文档可以通过浏览器查看,所以最后产出物肯定是一堆html文件。为了…

    Java 2023年6月9日
    0107
  • 搭建SpringCloud Alibaba鉴权中心服务(详细教程)

    鉴权中心服务 认识JWT json web token 是一个开放的标准 ,它定义了一个种紧凑的,自包含的方式,用于作为json对象在各方之间安全的传输信息 服务器鉴权完成之后 会…

    Java 2023年6月5日
    086
  • 数据结构的魔法,递归调用

    一个直接调用自己或通过一系列的调用语句间接地调用自己的函数,叫做递归函数。——《数据结构》严蔚敏 两年前在学习C语言的时候,老师就有讲过关于递归调用的问题。当时编程思想较弱的我,在…

    Java 2023年6月9日
    078
  • 分布式基础-谁来当老大(1)

    前言 分布式系统中有的各个节点的地位是均等的,有的是有 leader 和 flower。这种区分 leader 的集群更好管理些。这样在写操作的时候都交给 Leader 去处理,然…

    Java 2023年5月30日
    077
  • springboot整合druid–纯配置文件 .yml 或者 .properties

    pom文件引入 com.alibaba druid-spring-boot-starter 1.1.14 通过如下注解方式配置druid server: port: 8083 # …

    Java 2023年6月6日
    072
  • 【Java分享客栈】未来迈向高级工程师绕不过的技能:JMeter压测

    前言 因为工作需要,久违的从自己的有道云笔记中去寻找压测相关的内容,翻开之后发现还不错,温故一遍后顺便整理出来分享给大家。 题外话,工作8年多,有道云笔记不知不觉都6G多了,扫一眼…

    Java 2023年6月9日
    094
  • Spring boot项目设置加载静态资源的路径(spring.resources.static-locations)

    默认Springboot将从如下位置按如下优先级(从高到低)加载jar包对应前端静态资源: 1.jar包同级static目录2.jar包同级public目录3.jar包同级reso…

    Java 2023年5月30日
    073
  • 普通module如何使用@Test测试

    问题 对于一个 maven工程来说,使用@Test注解来测试只需要在 pom.xml中引入test的依赖即可。但是对于一个普通的 module那又怎么使用呢? 最方便的就是 alt…

    Java 2023年6月7日
    096
  • PowerMock进行mock测试

    http://www.open-open.com/lib/view/open1452777403292.html Original: https://www.cnblogs.com…

    Java 2023年6月6日
    080
  • Java中serialVersionUID是干嘛的?

    serialVersionUID是在反序列化时校验版本的,如果传过来的字节流中的serialVersionUID和本地定义的版本号不一致,则不支持序列化,并抛出InvalidCas…

    Java 2023年5月29日
    054
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球