docsearchダウンロード - docsearchソースコードのダウンロード

docsearch

その他のソースコード

v3.8.0

ダウンロード

ドキュメントに検索を無料で追加する最も簡単な方法です。

ドキュメント • JavaScript プレイグラウンド • React プレイグラウンド

DocSearch はドキュメントをクロールし、コンテンツを Algolia インデックスにプッシュし、Web サイト上でドロップダウン検索エクスペリエンスを提供します。

プレビュー

スクリーンキャスト

ライト	暗い

使用法

Algolia の資格情報をまだ持っていませんか?ドックサーチに応募してみよう！

JavaScript

インストール

yarn add @docsearch/js@3
# or
npm install @docsearch/js@3

パッケージマネージャーを使用したくない場合は、スタンドアロンエンドポイントを使用できます。

 < script src =" https://cdn.jsdelivr.net/npm/@docsearch/js@3 " > </ script >

始めましょう

開始するには、DocSearch コンポーネントを入れるためのcontainer必要です。コンテナーをまだ持っていない場合は、マークアップにコンテナーを挿入できます。

 < div id =" docsearch " > </ div >

次に、 docsearch関数を呼び出してコンテナーを提供することで、DocSearch を挿入します。 CSS セレクターまたは要素にすることができます。

inputではなく、 container ( divなど) を必ず指定してください。 DocSearch は、完全にアクセス可能な検索ボックスを生成します。

 import docsearch from '@docsearch/js' ;

import '@docsearch/css' ;

docsearch ( {
  container : '#docsearch' ,
  appId : 'YOUR_APP_ID' ,
  indexName : 'YOUR_INDEX_NAME' ,
  apiKey : 'YOUR_SEARCH_API_KEY' ,
} ) ;

反応する

インストール

yarn add @docsearch/react@3
# or
npm install @docsearch/react@3

パッケージマネージャーを使用したくない場合は、スタンドアロンエンドポイントを使用できます。

 < script src =" https://cdn.jsdelivr.net/npm/@docsearch/react@3 " > </ script >

始めましょう

DocSearch は、完全にアクセス可能な検索ボックスを生成します。

 import { DocSearch } from '@docsearch/react' ;

import '@docsearch/css' ;

function App ( ) {
  return (
    < DocSearch
      appId = "YOUR_APP_ID"
      indexName = "YOUR_INDEX_NAME"
      apiKey = "YOUR_SEARCH_API_KEY"
    / >
  ) ;
}

export default App ;