Goldmark come HTML bruto por padrão
Hugo remove HTML inline do Markdown, a menos que você defina markup.goldmark.renderer.unsafe = true na configuração do site. Os botões em templates e parciais não precisam de nenhuma configuração.
Scriptorium · II
Adicione um botão de compra ao seu site Hugo
Você adiciona uma linha ao seu template base e um bloco onde você vender. Sua compilação não diminui, porque nada em sua compilação muda.
Adicione a tag de script, uma vez
Adicione a tag de script ao cabeçalho de seu template base: layouts/_default/baseof.html na maioria dos temas ou o parcial da cabeça se seu tema mantiver um.
<!-- 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>Nomeie o produto em seu painel
Abra seu projeto, mude para a aba Produtos e adicione o produto: uma referência que você escolhe, um nome, um preço, uma moeda. A partir daqui, o painel escreve ambos os blocos nesta página com seu ID de projeto real. O que você vê abaixo é a forma.
Coloque o botão onde você vender
Cole o botão em qualquer template ou parcial. Para colocá-lo dentro do conteúdo Markdown, permita primeiro HTML inline (veja as notas de margem).
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publicar. O botão renderiza com a página e o seletor de pagamento carrega a primeira vez que um comprador o clica. Cada produto adicional é o mesmo bloco com uma referência e rótulo diferentes.
Tenha cuidado com estes
Faça um parcial
Vendendo de muitas páginas? Envolva o botão em um parcial ou shortcode que leva a referência e o rótulo do produto como parâmetros. Uma definição, todo o catálogo.
Na lista verificada
Hugo é uma das plataformas que a documentação lista como confirmada funcionando. Esta exata configuração é testada.
Pronto quando sua página estiver
Grátis cobre 150 transações por mês. Sem cartão para se inscrever.