跳到主要内容
  1. Posts/

Hugo-用waline添加留言功能

·1089 字· 5 分钟

只尝试了stack和blowfish主题的安装

注册LeanCloud #

注册地址:https://console.leancloud.app/register(国际版)(如果是自己网页搜索的,注意必须注册国际版)

  1. 进入控制台,点击左上角创建应用并起一个名字 ,这里必须选免费的开发版

  2. 进入应用,点击项目左下角设置,再选择左下角的 设置应用凭证,记录 App IDApp KeyMaster Key 的内容。

Vercel 部署 (服务端) #

  1. 部署地址:vercel Deploy

  2. 如果你未登录的话,Vercel 会让你注册或登录,请使用 GitHub 账户进行快捷登录。

  3. 在右侧 Private Repository Name 位置输入仓库名,点击 Create,大概等1分钟左右,会弹出来一个**Congratulations!**的弹窗

    注意:waline和你的博客在vercel是两个独立的项目
  4. 点击 Continue to Dashboard 进入管理页面,对应项目Domains下面的 xxx.vercel.app就是自动分配的访问网址域名,点击可以直接进入留言区

  5. 点击右上角头像,点击 Dashboard ,看到刚刚建立的项目,点击项目右上角三个点后再点击 Setting 进入设置

  6. 点击左侧 Environment Variables,Key 处填写LEAN_ID, LEAN_KEYLEAN_MASTER_KEY ,它们的值分别对应上一步在 LeanCloud 中获得的 APP IDAPP KEYMaster Key,Value 处填写对应的内容,最后点击 save

引入博客 #

stack主题 #

  1. 登录 vercel,点击右上角头像,点击 Dashboard,复制 Domains 下面自动分配网址域名

  2. 进入博客文件夹里的**\themes\stack\layouts\partials\comments\provider**,将waline.html文件复制到对应的根目录文件夹

  3. 在博客文件夹中打开 hugo.yaml,下拉到 params

    • 找到 comments:,将 provider:修改为 provider: waline

    • 找到waline:,将serverURL:修改为serverURL: https://xxx.vercel.app,将lang:修改为lang: zh-CN

    • 保存并关闭

如果你想在同步到 github 之前预览效果

编辑好文件后,在donbro文件夹的空白处单击右键,选择Open Git Bash Here,在弹出的命令行界面中输入hugo server,如果步骤正确,会显示:

图片描述

显示结果最后的 http://localhost:1313 就是预览网址

推送到Github #

  1. 打开 Github Desktop ,登录 Github 账号

  2. 点击左边 Changes 栏,点击文件名可以看到具体内容,勾选要同步的文件,下方 Summary(required) 为本次更新行为命名,再点击最下面 Commit to main 提交,最后点击上方第三个大黑框 Push origin 进行推送

评论管理 #

  1. 部署完成后,请访问你的域名进行注册。首个注册的人会被设定成管理员。
  2. 管理员登陆后,即可看到评论管理界面。在这里可以修改、标记或删除评论。
  3. 用户也可通过评论框注册账号,登陆后会跳转到自己的档案页。