如何在使用 GatsbyJS 從 Markdown 呈現的頁面上運行外部文件中的代碼？

Question

我目前正在使用 Gatsby 構建一個站點，該站點從 Markdown 文件呈現頁面。 在某些頁面上，我想運行包含在外部文件中的代碼。 這包括從運行的JavaScript foo.js ，從導入CSS bar.css和/或顯示HTML baz.html 。

有沒有一種方法可以在降價中動態指定我想從另一個文件運行代碼？

Answer 1

答案取決於您說dynamic時的意思。 不可能在 vanilla Markdown 中使用任何形式的控制流（if、else 等）。 因此，您無法真正動態導入文件。

考慮到這一點，如果您只是想說是否可以將腳本/樣式導入 Markdown，那么答案就在於您用來將 Markdown 文件轉換為 HTML 的軟件。

首先，根據 Markdown文檔：

對於 Markdown 語法未涵蓋的任何標記，您只需使用 HTML 本身。 無需為它作序或定界以表明您正在從 Markdown 切換到 HTML； 你只需使用標簽。

因此，您可以嘗試像通常在 HTML 中一樣簡單地添加<script> / <link>標簽。 這是否適用於您的目的將取決於 Gatsby 的 Markdown 轉換器 ( Remark ) 如何處理轉換。 可能還有其他內部 Gatsby 機制需要考慮，但作為起點，這應該會有所幫助。