Twikooコメントシステム

クラウド関数デプロイ

Twikooをホスティングするか、指定されたサイトに自分でデプロイしてください

フロントエンドデプロイ

👆上記のクラウド関数環境アドレスを導入するだけです

Hexoで使用する

Hexo Butterflyテーマで使用する

Butterflyインストール文書(4) テーマ設定-2を参照して設定してください

Hexo Keepテーマで使用する

hexo-theme-keep/_config.ymlを参照して設定してください

Hexo Volantisテーマで使用する

hexo-theme-volantis/_config.ymlを参照して設定してください

Hexo Ayerテーマで使用する

hexo-theme-ayer/_config.ymlを参照して設定してください

Hexo NexTテーマで使用する

NexT 8以下のバージョンはまだサポートされていません、先にNexT 8にアップグレードしてください。その後、Hexoプロジェクトルートディレクトリで実行してください

# NexTバージョン >= 8.0.0 && < 8.4.0用
npm install hexo-next-twikoo@1.0.0
# NexTバージョン >= 8.4.0用
npm install hexo-next-twikoo@1.0.3

次に設定に追加してください

twikoo:
  enable: true
  visitor: true
  envId: xxxxxxxxxxxxxxx # Tencent Cloud環境はenvIdを記入; Vercel環境はアドレスを記入 (https://xxx.vercel.app)
  # region: ap-guangzhou # 環境地域、デフォルトap-shanghai、Tencent Cloud環境はap-shanghaiまたはap-guangzhouを記入; Vercel環境は記入しないでください

Hexo Materyテーマで使用する

hexo-theme-matery/_config.ymlを参照して設定してください

Hexo Icarusテーマで使用する

异次元de机智君💯のTencent Cloudをベースに、あなたのIcarusブログにTwikooコメントシステムを装備するを参照してください

Hexo MengDテーマで使用する

hexo-theme-MengD/_config.ymlを参照して設定してください

hexo-theme-fluidテーマで使用する

設定ガイド - コメントを参照して設定してください

hexo-theme-cardsテーマで使用する

hexo-theme-cards/_config.ymlを参照して設定してください

maupassant-hexoテーマで使用する

maupassant-hexo/_config.ymlを参照して設定してください

hexo-theme-redefineテーマで使用する

Redefine公式ドキュメント #commentを参照して設定してください

Hexo-Theme-Solitudeテーマで使用する

Solitudeドキュメントを参照して設定してください

Hugoで使用する

hugo-theme-stackテーマで使用する

コメント | Stackとhugo-theme-stack/config.yaml#L83を参照して設定してください

FixItテーマで使用する

入門編 - FixIt #テーマ設定とhugo-fixit/FixIt/config.toml#L613-L624を参照して設定してください

VitePressで使用する

VitePress twikoo統合参考ソリューションを参照して設定してください。

CDN経由で導入する

使用しているブログテーマがTwikooをサポートしておらず、Twikooを導入する方法がわからない場合は、ブログテーマ開発者に適応リクエストを送信できます

<div id="tcomment"></div>
<script src="https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js"></script>
<script>
twikoo.init({
  envId: 'あなたの環境id', // Tencent Cloud環境はenvIdを記入; Vercel環境はアドレスを記入 (https://xxx.vercel.app)
  el: '#tcomment', // コンテナ要素
  // region: 'ap-guangzhou', // 環境地域、デフォルトap-shanghai、Tencent Cloud環境はap-shanghaiまたはap-guangzhouを記入; Vercel環境は記入しないでください
  // path: location.pathname, // 異なる記事を区別するためのカスタムjsパス、記事のパスがlocation.pathnameでない場合は、このパラメータを渡す必要があります
  // lang: 'zh-CN', // コメントエリアの言語を手動で設定するために使用、サポートされている言語リスト https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
})
</script>

異なるバージョン間の違い

• twikoo.all.min.js: Tencent Cloud CloudBase（tcb）を含む完全バージョン、Tencent Cloud CloudBaseを使用してデプロイする場合はこのバージョンを選択してください
• twikoo.min.js: Tencent Cloud CloudBase（tcb）を削除した簡易バージョン、サイズが小さく、Tencent Cloud CloudBaseでデプロイしないすべてのユーザーに適しています
• twikoo.nocss.js: 完全バージョンからスタイルを分離したバージョン、正常に表示するには同時にtwikoo.cssを導入する必要があり、コメントエリアのスタイルを自由に変更したいユーザーに適しています

CDNミラーの交換

デフォルトのCDNの読み込み速度が遅い場合は、他のCDNミラーに交換できます。以下は選択可能なパブリックCDNです。一部のCDNは最新バージョンを同期するのに数日かかる場合があります：

中国での使用に推奨

• https://registry.npmmirror.com/twikoo/1.6.44/files/dist/twikoo.min.js
• https://s4.zstatic.net/npm/twikoo@1.6.44/dist/twikoo.min.js

グローバルでの使用に推奨

• https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js

バックアップオプション

• https://s4.zstatic.net/ajax/libs/twikoo/1.6.41/twikoo.min.js
• https://lib.baomitu.com/twikoo/1.6.39/twikoo.min.js

CDNでTwikooを導入するユーザーは、今後のTwikooアップグレード時に非互換性の更新の影響を受けないよう、リンクアドレスでバージョンを固定することをお勧めします。

CDNでTwikooを導入するユーザーは、完全性を確保するためにコードにSRIを追加することをお勧めします。例：

<script
  src="https://cdn.jsdelivr.net/npm/twikoo@1.6.36/dist/twikoo.all.min.js"
  integrity="sha384-4KfOjEinLSkv1i1J8TzlkC/RTnuiLoR1OLerVgjEKoH5djYtbf7mzEFsz9p3nfuA"
  crossorigin="anonymous">
</script>

ここでintegrityの値はSRI Hash Generatorで照会できます。