如何將CSS應用於StyleDocco輸出文檔

Question

我使用grunt-styleguide，我的模板設置爲styledocco以生成CSS樣式指南。

當我運行任務時，它可以工作，但styledocco輸出文件沒有將CSS應用於演示元素。

我的風格指南咕嚕的init：

styleguide: { 
     dist: { 
      options: { 
       framework: { 
        name: "styledocco" 
       }, 

       name: "FE KICKSTARTER V1.o" 
      }, 

      files: { 
       "assets/css/styleguide": "assets/css/**/*.less" 
      } 
     } 
    } 

我的輸出如下：應用

上圖中，測試文本和按鈕應該是風格。我已檢查配置，事情看起來很好，但不知道缺少什麼。

我該如何做這項工作？

Answer 1

@chris-vdp絕對會讓您在正確的方向。 http://shekhardesigner.github.io/fe-kickstart/assets/css/styleguide/base-base.html中的意見不被視爲有效markdown。在你更少的代碼替換：

/* Base 
=============== 

    This is a simple Base CSS 

    <div class="h1">H1 type headers</div> 

*/ 

有：如下圖所示

/* 
Base 
=============== 

This is a simple Base CSS 

    <div class="h1">H1 type headers</div> 

*/ 

去除wrong標籤的風格指南看起來就像是經過：

Answer 2

對於基地我會嘗試類似。

/*Base 
=== 

This is a simple Base CSS 
``` 
<div class="h1">H1 type headers</div> 
``` 

*/ 
.h1 { 
    font-size:30px; 
    font-weight:normal; 
} 

/*Type 
=== 
Basic Typography styles 
``` 
<h2>h2 style might go like </h1> 
```  
*/ 

h2 { 
    font-family:'Source Sans Pro'; 
    color:#f90; 
} 

我開始時遇到了一些類似的問題。你可以從github的源代碼中看到html正在被轉義。另外值得注意的是styledocco對空間非常特別。