Goldmark은 기본적으로 원시 HTML을 먹습니다
Hugo는 당신이 사이트 구성에서 markup.goldmark.renderer.unsafe = true를 설정하지 않으면 마크다운에서 인라인 HTML을 제거합니다. 템플릿과 부분의 버튼은 어떤 설정도 필요하지 않습니다.
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로 작성합니다. 당신이 아래에서 보는 것이 모양입니다.
당신이 판매하는 곳에 버튼을 놓습니다
버튼을 모든 템플릿이나 부분에 붙입니다. 마크다운 콘텐츠 내에 넣으려면, 먼저 인라인 HTML을 허용합니다 (여백 메모를 참조하세요).
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>게시하세요. 버튼은 페이지와 함께 렌더링되고, 구매자가 처음 클릭할 때 결제 선택기가 로드됩니다. 각 추가 제품은 다른 참조 및 레이블이 있는 같은 블록입니다.
이것들을 조심하세요
부분으로 만듭니다
많은 페이지에서 판매합니까? 버튼을 제품 참조와 레이블을 매개 변수로 사용하는 부분이나 단축 코드로 래핑합니다. 한 정의, 전체 카탈로그.
확인된 목록에 있습니다
Hugo는 문서가 확인된 작업으로 나열하는 플랫폼 중 하나입니다. 이 정확한 설정은 테스트됩니다.