静的アセット
スタティックアセットとは、ビルド出力に直接コピーされるコード以外のファイルです。画像、スタイルシート、ファビコン、フォントなどが含まれます。
これらのアセットは static フォルダーに置いてください。そのフォルダーに入れたすべてのファイルは、フォルダー階層を保持したまま生成されたビルドフォルダーのルートにコピーされます。たとえば、sun.jpg というファイルをstaticフォルダーに追加すると、build/sun.jpg にコピーされます。
これは以下を意味します。
- サイトの
baseUrl: '/'の場合、画像/static/img/sun.jpgは/img/sun.jpgで提供されます。 - サイトの
baseUrl: '/subpath/'の場合、画像/static/img/sun.jpgは/subpath/img/sun.jpgで提供されます。
スタティックアセットの参照
CMSで
- リンクを挿入します。
- 絶対パスを入力します(例:/files/note.docx)。
- 表示するテキストを入力します。
Markdownで
You write a link like this: [Download this document](/files/note.docx)
Docusaurus changes that to: <a href={require('static/files/note.docx')}>Download this document</a>
詳細については、DocusaurusドキュメントのStatic Assetsを参照してください。