给blog增加上Fluid主题,快乐到飞起

接上一篇原来建自己的blog这么简单(Gitee+Git+Hexo+Fluid+NodeJs),将Fluid主题配置进行单独梳理。

配置fluid主题

可以参考fluid官网进行配置

一、下载

1、下载最新 release 版本

最新版本插件

2、解压到 themes 目录,并将解压出的文件夹重命名为 fluid

重命名

二、配置主题

1、修改_config.yml文件中的theme配置修改配置
2、复制_conrfig.yml 为 _config.fluid.yml ,后续只需修改 _config.fluid.yml 配置即可复制配置文件
3、修改显示的文字

修改 themes\fluid_config.yml 文件
修改显示文字

blog_title: "纯码农的博客"
text: "Sometimes it is the very people who no one imagines anything of ,
         who do the things that no one can imagine. --《模仿游戏》"

显示配置好的文字

三、配置关于页测试

hexo new page about

创建成功后,编辑博客目录下 /source/about/index.md,添加 layout 属性
修改后的文件示例如下:

---
title: about
date: 2022-05-19 17:03:18
layout: about
---

修改about

四、配置阅读数

1、注册LeanCloud账号,需要支付宝与邮箱验证,LeanCloud官网

注册号账号,验证成功后,创建项目,创建成功后进入项目获取appid、appkey
获取key

2、创建Class Counter

创建的名称必须是Counter,且要配置无限制,这样才会更新浏览次数,不然接口403,不会更新数据。
创建counter

3、配置themes/fluid/_config.yml文件
web_analytics:  # 网页访问统计
  enable: true
  leancloud:
    app_id: 获取的appid
    app_key: 获取的appkey
    server_url: https://1epgvtla.lc-cn-n1-shared.com
 statistics:
    enable: true
    source: "leancloud"
    pv_format: "总访问量 {} 次"
    uv_format: "总访客数 {} 人"
    # 浏览量计数
    # Number of visits
    views:
      enable: true
      # 统计数据来源
      # Data Source
      # Options: busuanzi | leancloud
      source: "leancloud"
      format: "{} 次"
3、刷新页面查看文件的阅读量阅读量

五、更多配置

可参考文档,其他fluid配置
其他配置


版权声明:本文为m0_37172770原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。