Scriptorium · II

添加购买按钮到你的 Hugo 网站

你在基础模板中添加一行,在你售卖的地方添加一个块。你的构建不会减速,因为你的构建中没有任何东西改变。

添加脚本标签,一次

将脚本标签添加到你的基础模板的头部:大多数主题中的 layouts/_default/baseof.html,或头部部分如果你的主题保留一个。

<!-- layouts/_default/baseof.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ .Title }}</title>
  <script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
    crossorigin="anonymous"
    defer></script>
</head>

在你的仪表板中命名产品

打开你的项目,切换到"产品"选项卡,并添加产品:你选择的参考、名称、价格、货币。从这里仪表板用你的真实项目 ID 在这个页面上为你写两个块。你下面看到的是形状。

在你售卖的地方放按钮

将按钮粘贴到任何模板或部分中。要将其放在 Markdown 内容中,首先允许内联 HTML(见边注)。

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

发布。按钮与页面一起呈现,支付选择器在买家第一次点击时加载。每个额外产品是相同块,有不同的参考和标签。

注意这些

Goldmark 默认吃原始 HTML

Hugo 从 Markdown 中删除内联 HTML,除非你在你的网站配置中设置 markup.goldmark.renderer.unsafe = true。模板和部分中的按钮不需要任何设置。

让它成为部分

从许多页面售卖?将按钮包装在一个部分或短代码中,将产品参考和标签作为参数。一个定义,整个目录。

在验证列表上

Hugo 是文档列表中确认有效的平台之一。这个确切的设置被测试。

当你的页面准备好时

免费涵盖每月 150 笔交易。无卡注册。