Featured image of post 小白hugo博客装修笔记(2)

小白hugo博客装修笔记(2)

买不起房子就自己做一个互联网小屋了

写在前面:

本篇教程由于作者很懒,部分内容可能是从别处CV过来的,可能与作者实际配置的有细微差别,如果发现有错误的地方导致你无法实现该功能先深表歉意,并且欢迎通过右下角的channel联系我~ 在我看到消息后会第一时间给你我实际的配置内容。

前一篇文章内容有点多了,显得臃肿,在此开个新栏

侧边栏添加新的模块

侧边栏添加模块除了使用前面所说的添加相册功能外,还有一种方式

在config.yaml文件的menu-main部分进行修改

menu:
    main: 
      - name: 碎语 | moments
        params:
            newTab: true
            icon: moments
        url: https://moments.blain.top/
        weight: -50

注:由于本人技术能力有限,moments主题无法和stack主题同时出现在一个站点下,所以本人采用的方式是在另一个站点部署moments

添加waline评论区

前段时间域名解析不小心手误被自己暂停了,今天发现评论区用不了了。之后又突然发现没写这一块的教程,补充一下。

1、在 LeanCloud 上部署数据库

注册 LeanCloud 国际版并进入控制台

如果要使用 LeanCloud 国内版,需要给创建的应用额外绑定已备案的域名。

创建开发版新应用(随意命名)并复制设置 - 应用凭证中的前三项值,稍后会添加在 Vercel 中的环境变量里。

、Stack 模板支持Waline,所以配置很简单,在官网 注册一个账号,推荐用github注册(下面是官方文档 内容)

3、输入一个 Vercel 项目名称并点击 Create 继续:

创建项目

、此时 Vercel 会基于 Waline 模板帮助你新建并初始化仓库,仓库名为你之前输入的项目名。

deploy

一两分钟后,满屏的烟花会庆祝你部署成功。此时点击 Go to Dashboard 可以跳转到应用的控制台。

deploy

5、点击顶部的 Settings - Environment Variables 进入环境变量配置页,并配置三个环境变量 LEAN_ID, LEAN_KEYLEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key

设置环境变量

、环境变量配置完成之后点击顶部的 Deployments 点击顶部最新的一次部署右侧的 Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。

redeploy

此时会跳转到 Overview 界面开始部署,等待片刻后 STATUS 会变成 Ready。此时请点击 Visit ,即可跳转到部署好的网站地址,此地址即为你的服务端地址。

redeploy success

7、往后不再是官方文档内容,之后可以在Domains设置部分添加上自己的子域名

Domains

8、在config.yaml文件修改waline的服务器地址

# Waline client configuration see: https://waline.js.org/en/reference/component.html
waline:
    serverURL: https://waline.blain.top/
    lang:
    pageview: true
    emoji:
        - /source/Sticker-100/
    requiredMeta:
        - name
        - email
    locale:
        admin: 博主
        placeholder: 🎉留下你的脚印.

twikoo:
    envId: 
    region:
    path:
    lang:

至此,评论区部署完成

评论区

参考文章

vercel部署waline

本博客已稳定运行
发表了17篇文章 · 总计36.81k字
森 ICP备2024001234
Built with Hugo
主题 StackJimmy 设计