1
我正在構建一個簡單的靜態樣式指南。它僅包含靜態前端資產 - CSS，JS，字體和圖像，這些資源將通過bower包含在客戶端應用程序中。然而，我的開發堆棧更復雜一些。我使用gulp來連接玉，sass，coffeescript等。一切都很好。如何在樣式指南中DRYly呈現代碼片段
在本指南中，我想要預覽源代碼，以便您可以方便地將小部件的標記複製並粘貼到您的項目中。例如，您可以在Foundation的文檔中看到這一點。我想在我的styleguide中做類似的事情。
現在我的問題...
當然，我可以只複製標記（一旦呈現內容，第二次在pre標籤渲染代碼片段）。但是這顯然是不好的，因爲那樣我就冒着無法保持同步的風險，從而破壞了顯示代碼片段的全部目的。
理想情況下，我想鍵入一次標記並讓它呈現內容和代碼段。在之前的項目中，我通過編寫自定義HAML過濾器來實現這一目標。我如何用Jade做到這一點？