Netlify 为静态站点部署 Waline 评论系统

目录

    • 1 准备工作
    • 2 简介
      • 2.1 Netlify
      • 2.2 Waline
      • 2.3 Leancloud
    • 3 开始搭建
      • 3.1 Fork 仓库
      • 3.2 设置 Leancloud
      • 3.3 部署 Netlify
      • 3.4 查看评论系统

从我建成个人网站以来,一个月了,竟然还没配置过评论系统,一直用的别人的 awa。

那么今天就稍微研究一下,顺便水……不是,写一篇博客吧。

使用 Netlify 为你的静态站点部署 Waline 评论系统!

注意,这里不需要你的站点部署在 Netlify

话不多说,正片开始——

官方文档:https://waline.js.org/guide/deploy/netlify.html

1 准备工作

  • 一个 Netlify 账号
  • 一个 Github 账号
  • 一个 Leancloud 账号

2 简介

2.1 Netlify

Netlify 是一个免费的静态网页部署平台,相比于 vercel,它在国内可以正常访问。

https://netlify.com

2.2 Waline

Waline 是一个免费的安全的评论系统,不需要任何付费即可给静态网页搭建完善的评论系统。

https://waline.js.org

在这里插入图片描述

2.3 Leancloud

Leancloud 是一个免费的后端云服务提供商。

https://leancloud.app

3 开始搭建

3.1 Fork 仓库

打开 Github,打开 Waline 官方提供的 Netlify 部署仓库:

https://github.com/walinejs/netlify-starter/

点击 Fork,新建仓库:

请添加图片描述

3.2 设置 Leancloud

打开 Leancloud 控制台 ,点击左上角“创建应用”。

这里最好选择国际版,因为国内版需要备案,比较复杂。

接着,在新建应用的设置中,选择“开发版”,名字随便填:

接着点击创建。

点击卡片标题进入应用设置,点击左下角“设置 -> 应用凭证”

记住这上面的三行密钥,之后要用(别告诉其他人):

3.3 部署 Netlify

打开 Netlify 控制台,如图选择 Add new site -> Import an existing project

在这里插入图片描述
然后选择 Github:

接着会弹出一个授权窗口,按指示确认即可。

选择刚刚 Fork 的仓库:

在这里插入图片描述
在部署设置页面,站点名称随便填(注意不能和已有站点冲突)。

在页面最下面的环境变量中,就需要用到之前准备的 Leancloud 密钥了,填写规则:

  • LEAN_ID: 密钥中的 AppID
  • LEAN_KEY: 密钥中的 AppKey
  • LEAN_MASTER_KEY: 密钥中的 MasterKey

接着点击“Deploy netlify-starter”就好了!

3.4 查看评论系统

站点部署完成之后,进入站点信息,找到左侧的“Logs -> Functions”,紧接着就能看到部署完成的 comment 选项:

点开之后,Endpoint 就是评论服务器地址啦:

打开链接,就可以看到部署完成的评论服务器了:

在链接结尾加上 /ui ,登录自己的 Github 账号即可进入评论管理。


恭喜你部署完成自己的评论系统!

本文就到这里,如果对你有帮助的话,别忘点赞收藏!拜~ ( •̀ ω •́ )✧

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

源代码为啥要进行加密?怎么给源代码进行加密?

在当今高度数字化的世界里,软件开发已经成为企业竞争力的重要组成部分。源代码作为软件的核心资产,包含了企业的核心技术和商业机密,因此其安全性至关重要。然而,源代码泄露的风险始终存在,无论是由于内部人员的不当行…

神仙公司名单(北京篇)

欢迎来到小落科技每日分享频道 大家好,秋招已经火热进行中了,不知道大家准备得怎么样了?特别是咱们25届的小伙伴们,有没有找到心仪的目标? 想必大家最近和我一样,忙着在各种招聘平台上搜罗信息&#xff0c…

云计算实训41——部署project_exam_system项目(续)

# 创建脚本,可以在java环境中运行任何的jar包或者war包#!/bin/bash/usr/local/jdk/bin/java -jar /java/src/*.?ar一、思路分析 (1)nginx 1、下载镜像,将本地的dist项目的目录挂载在容器的/usr/share/nginx/html/ 2、启动容器 …

HTTPS理论(SSL/TLS)

SSL安全套接层协议 为互联网通信提供加密和身份认证SSL3.0有漏洞,被TLS取代基于TCP的协议工作原理 握手:客户端hello;服务器hello(发送数字证书)(协商ssl版本,加密算法)数据传输连接…

gcc编译与Linux下的库

gcc与g编译 GCC:GCC是一个由GNU项目开发的多平台编译器,最初是为C语言设计的编译器,但随着时间的发展,它已经扩展到支持多种编程语言。它支持多种编程语言,包括C、C、Objective-C、Fortran、Ada和Go等。GCC是自由软件&…

【路径规划】在MATLAB中使用粒子群优化(PSO)进行最优移动机器人路径规划

摘要 本文介绍了使用粒子群优化(Particle Swarm Optimization, PSO)算法实现移动机器人的路径规划。PSO是一种基于群体智能的优化算法,通过模拟粒子群体在搜索空间中的迭代更新,找到全局最优路径。本文通过MATLAB仿真展示了PSO在…

惠中科技RDS自清洁膜层:光伏领域的绿色革命

惠中科技RDS自清洁膜层:光伏领域的绿色革命 在全球能源转型和光伏产业蓬勃发展的背景下,光伏电站的运营维护面临着诸多挑战,其中灰尘污染问题尤为突出。灰尘的堆积不仅降低了光伏板的透光率,还直接影响了电站的发电效率和经济效益…

【深度学习与NLP】——词嵌入Embedding技术

目录 1.词嵌入的作用 2.嵌入矩阵的计算 3.Embedding层的代码实验 词嵌入(Embedding)技术是一种将词汇映射到低维连续向量空间的方法。将离散的单词数据处理成连续且固定长度的向量,使模型可以学习和处理语义信息。 假设需要将["Are&…

数组和指针 笔试题(3)

目录 11.笔试题11 12.笔试题12 13.笔试题13 14.笔试题14 11.笔试题11 //笔试题11(难)int a[5][5];//创建25个int类//p[]1[]2[]3[]4[]5 []6[]7[]8[]9[]10 []11[]12[]13[]14[]15 []16(p[4])[][](p[4][2])[][] [][]&a…

小型防爆气象站是什么

在易燃易爆、危险系数高的工业环境中,小型防爆气象站犹如一位忠诚的安全守护者,默默守护着生产现场和人员的安全。它以其独特的防爆特性、精准的监测能力以及智能化的管理手段,成为了这些环境中不可或缺的安全屏障。 小型防爆气象站的核心优势…

量化交易面试:什么是Black-Scholes方程?

Black-Scholes方程是金融数学中的一个重要方程,用于计算欧式期权的理论价格。它由Fischer Black、Myron Scholes和Robert Merton在1970年代提出,并为他们赢得了诺贝尔经济学奖。以下是对Black-Scholes方程的详细解释: 基本概念: …

[数据集][目标检测]鲜花检测数据集VOC+YOLO格式25215张106类别

数据集格式:Pascal VOC格式YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):25215 标注数量(xml文件个数):25215 标注数量(txt文件个数):25215 标…

初试构建工具Webpack

文章目录 一、Webpack概述二、安装Webpack三、Webpack打包实战1、创建index.js2、创建index.html3、运行webpack4、浏览index.html5、添加第二个脚本(1)创建index2.js(2)修改index.js(3)重新运行 webpack&a…

AtomicIntegerArray使用、核心源码解析

1、API方法使用 构造方法 AtomicIntegerArray atomicIntegerArray1 new AtomicIntegerArray(100); 源码: private final int[] array; public AtomicIntegerArray(int var1) {this.array new int[var1]; }int[] array {10, 20, 30, 0, 0}; AtomicIntegerArray arr new At…

伦理学(Ethics)

讯飞星火 伦理学哲学是一门关于道德问题的科学,旨在系统化和理论化道德思想观点。作为一门独立的哲学分支学科,伦理学的本质是对道德现象进行研究,包括道德意识、道德行为以及道德规范现象等。 伦理学的研究对象广泛,涉及个人的…

驱动(RK3588S)第六课时:linux2.6的使用与GPIO子系统的使用

目录 一、Linux2.6 字符设备驱动编写框架1、合成一个完整的设备号函数2、从完整的设备号里提取主设备号3、动态申请设备号4、静态申请设备号5、释放申请的设备号6、Linux2.6 字符设备驱动的核心结构体7、初始化核心结构体8、向内核去申请 linux2.6 字符设备9、释放申请的设备10…

哈希 详解

目录 1. “哈希”是什么? 2. 哈希冲突 3. 哈希函数 3.1 设计原则 3.2 常见哈希函数 4. 解决哈希冲突的两种常见方法 4.1 闭散列 4.2 开散列 4.3 散列表的扩容问题 5. 哈希表的实现 并 封装模拟实现unordered系列容器 6. 哈希的应用 6.1 位图 -- bitset …

【js逆向专题】2.浏览器调试技巧

小节目标: 熟悉 开发者工具的使用熟悉 代码断点的方式熟悉 网页debugger实现方式 一. 浏览器开发者工具 1. element元素面板 展示浏览器渲染之后的页面 2. network网络面板 浏览器请求的数据都会加载在网络面板 3. console控制台面板 可以在控制台调试你对应的代码 4.…

3000字带你了解SD提示词用法,一点就通,小白轻松上手(附提示词生成器)(1.4 SD提示词运用)

提示词是什么 提示词是我们向AI模型发出的指令。正确的提示词能让AI准确反馈所需的输出,而优质的提示词则能使AI生成的内容更优质、更符合你的期望。这与编写程序代码颇为相似,准确的代码逻辑是程序正常运行的前提,而优秀的代码则能减少运行…

Vue基础概述

Vue框架概述 什么是Vue框架 Vue是一种流行的渐进式JavaScript框架,用于构建Web用户界面。它具有易学、轻量级、灵活性强、高效率等特点,并且可以与其他库和项目集成。是目前最流行的前端框架之一.框架的两种用法: 多页面应用: 在html页面中引入vue.js框…