StyleDocco输出文档确实应用了CSS

我正在使用grunt-styleguide,我的模板被设置为styledocco – 生成CSS样式指南。

当我运行任务时,它可以工作,但styledocco输出文件不会在演示元素上应用CSS。

我的styleguide的咕噜声:

styleguide: { dist: { options: { framework: { name: "styledocco" }, name: "FE KICKSTARTER V1.o" }, files: { "assets/css/styleguide": "assets/css/**/*.less" } } } 

我的输出如下:

在这里输入图像说明

在图片上方,testing文本和button应该已经应用了样式。 我已经检查configuration,事情似乎很好,但不知道缺less什么。

任何帮助?

       

网上收集的解决方案 "StyleDocco输出文档确实应用了CSS"

@ chris-vdp绝对会把你放在正确的方向。 http://shekhardesigner.github.io/fe-kickstart/assets/css/styleguide/base-base.html中的评论不被视为有效的降价 。 在你的Less代码中replace:

 /* 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选项卡后,您的样式指南将如下所示:

在这里输入图像说明

基地基地,我会尝试类似的东西。

 /*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; } 

我开始时遇到了类似的问题。 你可以从你的源代码中看到html正在被转义。 另外值得注意的是styledocco对空间非常特别。