Waline在Butterfly主题中的应用

LeanCloud 设置 (数据库)

国内版的LeanCloud需要绑定域名,所以我们直接选择国外版的LeanCloud

登陆注册

  1. 注册:点击这里进行跳转
  2. 注册成功后进入控制台,选择 创建应用
    image-20230323000046854
  3. 创建完成后进入应用,下拉找到 设置 , 会有 AppID AppKeyMasterKey 三个重要的数据,后续会用到。
    image-20230323000540955

部署

  1. 找到这里,点击这个 Deploy 蓝色按钮。
  2. 输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:
    image-20230323001200465
  3. 当你看到这个页面的时候说明部署成功了!
    image-20230323001351060
  4. 点击顶部的 Settings - Environment Variables 进入环境变量配置页,并配置三个环境变量 LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key。当然,如果你需要设置邮箱通知,你还要添加额外的几个参数,如下图所示:
    image-20230323001809812
  5. 环境变量配置完成之后点击顶部的 Deployments 点击顶部最新的一次部署右侧的 Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。
    image-20230323002127134
  6. 重新部署完成后,点击顶部的 Project ,然后点击 View Domains 去绑定域名,注意到自己域名所在的服务平台进行DNS解析!
    image-20230323002833944

添加到 Butterfly

_config.butterfly.yml 中配置:

comments:
  # 最多两个注释系统,第一个将显示为默认值
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
  use: Waline # Valine,Disqus
  text: true # 在按钮旁边显示注释名称
  # lazyload: 注释系统将在注释元素进入浏览器视口时加载。
  # 如果将其设置为true,则注释计数将无效
  lazyload: false
  count: true # 在文章的top_img中显示评论计数
  card_post_count: false # 在主页中显示评论计数

# waline - A simple comment system with backend support fork from Valine
# https://waline.js.org/
waline:
  serverURL: https://waline.zhaozeyu.top/ # 填写自己刚刚在 Vercel 中绑定的域名
  bg: # waline background
  pageview: false
  option:
    requiredMeta: [ nick, mail ] # 选定昵称和评论为必填项
    locale:
      placeholder: 昵称和邮箱为必填项,为了您能及时收到相关回复的邮件通知,请确保邮箱的正确性! # 内容区提示

重启 Hexo

  1. hexo clean —> hexo g —> hexo d
  2. 大功告成!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/6167.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ASO优化之应用商店关键词的实现

投放正确的合适的关键词,能够确保我们的应用获得更高的相关性和知名度。如果我们已经完成研究并想要竞争目标关键词,就需要在商品详情中去实施投放它们。 要在 Google Play Store 中投放——我们要打开 Google Play 控制台并点击“主要应用详情”选项卡…

基于模型预测控制(MPC)的微电网调度优化的研究(Matlab代码实现)

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

VMware创建和使用虚拟网络

文章目录如何打开虚拟网络编辑器让虚拟机使用有线、无线网卡1. 点击“添加网络”2. 虚拟机使用电脑自带无线网卡3. 虚拟机使用电脑自带有线网卡重置虚拟网络在使用虚拟机的过程中,有时会需要让虚拟机使用物理机的网络设备直接与外部连接,例如让虚拟机通过…

Win11启用IE方法

呉師傅 Win11是微软目前的最新系统,尽管该系统非常不错,但是还是有很多不一样的地方,有的用户发现Win11没有了IE浏览器,那么Win11没有IE浏览器怎么办呢,有的旧网页需要IE浏览器才能进入,下面就给大家提供一…

怎么把两个音频合成一个

在创作音乐、制作视频等领域,经常需要将音频文件进行合并处理,但对于没有专业工具和知识的朋友来说,音频合并可能是一项复杂的任务。本篇文章就要为大家介绍合并音频的方法,让大家能够快速地将音频文件合并成需要的部分&#xff0…

leaflet: 地图上叠加日夜区域(126)

第126个 点击查看专栏目录 本示例的目的是介绍如何在vue+leaflet中显示日夜交替叠加区域。 直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果. 文章目录 示例效果配置方式示例源代码(共68行)安装插件相关API参考:专栏目标示例效果 配置方式 1)查看基础设…

ChatGPT能胜任高级程序员吗?

与开发人员信任的其他软件开发工具不同,AI工具在训练、构建、托管和使用方式等方面都存在一些独特的风险。 自2022年底ChatGPT发布以来,互联网上便充斥着对其几乎相同比例的支持和怀疑的论调。不管你是否喜欢它,AI正在逐步进入你的开发组织。…

【设计模式】Bridge Design pattern 桥接模式

1.桥接模式要解决的问题 多个维度的变化引起的继承组合指数级增长 例子 一个物体有不同形状和不同颜色,如何用类来表示它们,这里包含了两个变化维度,一个是物体的形状,一个是颜色 继承的方式 如果使用继承的方式,此…

抖音seo优化系统常见的交付形式|技术开发

1. 一次性交付:将整个SEO优化系统一次性交付给客户,包括相关的文档、工具和数据分析报告,由客户自行操作和维护。 2. 阶段性交付:将SEO优化系统分为不同的阶段进行交付,每个阶段完成后进行检查和评估,根据…

2. [手把手教你搭建] 之 在linux上搭建mysql

1. 首先下载mysql安装包,这里一般有如下2种下载方式 wgt方式下载:进入服务器中的package目录(注:该目录是我自己创建的,用于存放所有应用的安装包,您也可以随便创建其他名称的目录来存放安装包&#xff09…

k8s部署

kubernetes简要 Kubernetes 是用于自动部署, 扩展和管理容器化应用程序的开源系统. 它将组成应用程序的容器组合成逻辑单元, 以便于管理和服务发现 kubernetes功能简介 服务发现和负载均衡 存储编排 自动部署和回滚 自动完成装箱计算 自我修复 密钥与配置管理 Kuberne…

算法题记录

力扣的算法题:1154 给你一个字符串 date ,按 YYYY-MM-DD 格式表示一个 现行公元纪年法 日期。返回该日期是当年的第几天。 示例 1: 输入:date “2019-01-09” 输出:9 解释:给定日期是2019年的第九天。 示例…

【数据结构与算法】查找(Search)【详解】

文章目录查找查找概论一、查找的基本概念顺序表查找一、定义二、算法有序表查找一、折半查找二、插值查找三、斐波那契查找线性索引查找一、稠密索引二、分块索引三、倒排索引二叉树排序与平衡二叉树一、二叉排序树1、定义2、二叉排序树的常见操作3、性能分析二、平衡二叉树1、…

【学习笔记】启示录 - 打造用户喜爱的产品(阅读摘录)

【学习笔记】启示录 - 打造用户喜爱的产品(阅读摘录) 图书信息 Marty Cagan 著 七印部落 译 人员: 负责定义和开发产品的团队成员的角色和职责 流程: 探索、开发富有创意的产品时,反复应用的步骤和成功的实践经验 产品…

Ethernet-APL——网络拓扑结构

| 三种独立的应用场景——适用于短距离小型网络和长距离大型网络! Ethernet-APL(Advanced Physical Layer,高级物理层)是过程工业的新标准。它基于IEEE 802.3cg的10BASE-T1L规范,并通过使用两线制以太网来连接到现场设…

【新2023Q2押题JAVA】华为OD机试 - 最长合法表达式

最近更新的博客 华为od 2023 | 什么是华为od,od 薪资待遇,od机试题清单华为OD机试真题大全,用 Python 解华为机试题 | 机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为od机试,独家整理 已参加机试人员的实战技巧本篇题解:最长合法表达式 题目 提取字…

网管gateway

提到网关,可能大家都有所了解,但是网关具体有什么作用呢??? 不绕关子了,具体作用有以下几点: 对用户请求做身份认证、权限校验将用户请求路由到微服务,并实现负载均衡对用户请求做…

第53章 短信验证服务和登录的前端定义实现

1 向src\router\index.js添加定义 { path: /LoginSms, name: 手机号登录, component: () > import(../views/LoginSmsView.vue) }, { path: /Users/Register, name: 用户注册, component: () > import(../views/Users/RegisterView.vue), }, 2 向src\common\http.api.js添…

【面试】Java集合面试题

文章目录集合容器概述什么是集合集合的特点集合和数组的区别使用集合框架的好处常用的集合类有哪些?List,Set,Map三者的区别?集合框架底层数据结构哪些集合类是线程安全的?Java集合的快速失败机制 “fail-fast”&#…

css 样式开发中遇到的问题

1.文本换行 汉字和英文数字字符适配 word-break: break-all;word-wrap: break-word;text-align: left; 2.文本换行以及出现省略号 word-break: break-word;overflow: hidden;text-overflow: ellipsis; // ...展示display: -webkit-box; // 弹性伸缩盒盒子模型显示-webkit-line…