バージョン部分 {version}
を適切なバージョン(例: 0.0.10
)に置き換えてください。
<script src="
https://cdn.jsdelivr.net/npm/@konemono/nostr-share-component@{version}/dist/nostr-share-component.min.js
"></script>
<nostr-share></nostr-share>
- data-url、data-title、data-text にそれぞれ共有したい文字列を指定することができます。
- url、title、text が指定されていない場合、設置したサイトのURLとタイトルが共有されます。
例:
<nostr-share data-url="https://example.com" data-title="Example Title" data-text="Example Text"></nostr-share>
data-type に以下の値を指定できます:
- mini
- icon
- 指定なしの場合は default になります。
コンポーネント内に任意のコンテンツを挿入することで、共有ボタンをカスタマイズできます。
<nostr-share style="" data-url="https://example.com" data-title="Example Title" data-text="Example Text">
Share on Nostr
</nostr-share>
このプロジェクトでは、リンク共有機能を提供するために複数のクライアントをサポートしています。以下のガイドに従って、新しいクライアントをリストに追加し、プルリクエストを送信してください。
list 配列に新しいクライアントを以下の形式で追加します:
{
name: "クライアント名",
url: "https://example.com/share?text={text}&url={url}&title={title}",
icon: "https://example.com/favicon.ico",
}
- name: クライアントの名前(短くわかりやすいものを推奨)。
- url: クライアントのリンク共有URL。
- {text}, {url}, {title} のパラメータを含めることで動的なリンク生成を可能にします。
- icon: クライアントのファビコンURL(任意ですが、できるだけ提供してください)。
- 現在のリスト形式は試験的なものであり、今後変更される可能性があります。そのため、追加されたクライアントは将来的に形式変更への対応が必要になる場合があります。
- 新しいクライアントを追加する際は、他のクライアントに影響を与えないよう注意してください。
ご不明点がある場合や提案がある場合は、Issue を作成してください。