中文

SiYuan widget sample

Get started

• Make a copy of this repo as a template with the Use this template button, please note that the repo name must be the same as the widget name, the default branch must be main
• Clone your repo to a local development folder. For convenience, you can place this folder in your {workspace}/data/widgets/ folder

Development

• widget.json
• icon.png (optional default icon, 160*160)
• preview.png (optional default preview, 1024*768)
• README*.md
• index.html

widget.json

{
  "name": "widget-sample",
  "author": "Vanessa",
  "url": "https://github.com/siyuan-note/widget-sample",
  "version": "0.0.4",
  "minAppVersion": "3.7.0",
  "displayName": {
    "default": "Widget Sample",
    "zh-CN": "挂件示例"
  },
  "description": {
    "default": "This is a widget sample",
    "zh-CN": "这是一个挂件示例"
  },
  "readme": {
    "default": "README.md",
    "zh-CN": "README.zh-CN.md"
  },
  "icon": "icon.png",
  "preview": "preview.png",
  "funding": {
    "openCollective": "",
    "patreon": "",
    "github": "",
    "custom": [
      "https://ld246.com/sponsor"
    ]
  },
  "keywords": [
    "sample", "示例"
  ]
}

• name: Widget name, must be the same as the repo name, and must be unique globally (no duplicate widget names in the marketplace)
• author: Widget author name
• url: Widget repo URL
• version: Widget version number, it is recommended to follow the semver specification
• minAppVersion: Minimum version number of SiYuan required to use this widget
• displayName: Widget display name, mainly used for display in the marketplace list, supports multiple languages
  • default: Default language, must exist
  • zh-CN, en and other languages: optional, must be BCP 47 tags (e.g. zh-CN, zh-TW, en, ja, pt-BR)
• description: Widget description, mainly used for display in the marketplace list, supports multiple languages
  • default: Default language, must exist
  • zh-CN, en and other languages: optional, must be BCP 47 tags
• readme: readme file name, mainly used to display in the marketplace details page, supports multiple languages
  • default: Default language, must exist
  • zh-CN, en and other languages: optional, must be BCP 47 tags
  • Relative images are loaded from package.zip when present; otherwise the online marketplace falls back to the matching GitHub Release. Include them in package.zip for offline use
• icon: Optional marketplace icon filename at the package root. Supports PNG, JPEG, WebP, and AVIF up to 64 KiB; the recommended size is 160*160
• preview: Optional marketplace preview filename at the package root. Supports PNG, JPEG, WebP, and AVIF up to 512 KiB; the recommended size is 1024*768
  • SVG is unsupported. To omit an image, remove its field and the legacy icon.png or preview.png; an empty field value is invalid
• funding: Widget sponsorship information
  • openCollective: Open Collective name
  • patreon: Patreon name
  • github: GitHub login name
  • custom: Custom sponsorship link list
  • links: Labeled custom sponsorship links, for example {"label": "Sponsor", "url": "https://example.com"}
• keywords: Search keyword list, used for marketplace search function

Package

No matter which method is used to compile and package, we finally need to generate a package.zip, which contains at least the following files:

• Image files declared by icon and preview (optional)
• README*.md
• widget.json
• index.html

List on the marketplace

• Generate the package.zip
• Create a new GitHub release using your new version number as the "Tag version". See here for an example: https://github.com/siyuan-note/widget-sample/releases
• Upload the file package.zip as binary attachments
• Publish the release

For the first release, fork the community bazaar repository, add one owner/repo line to widgets.txt in its root, and open a PR against main. Use one repository per line without commas or empty lines, and add only one new package per PR. See Submitting a bazaar package for the full process and review rules.

After the PR is merged, the bazaar updates its index automatically. For subsequent updates, increase version in the package manifest and publish a regular GitHub Release containing package.zip; no additional listing PR is needed. See Updating a bazaar package for update timing and troubleshooting, and check deployment status in the Stage workflow.