给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配置
其他配置

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值