在Semantic-UI中更改主题

时间:2015-07-11 15:54:16

标签: semantic-ui

我试图在Semantic-UI中更改默认主题。我已将@site中的值src/theme.config修改为'material'(例如),然后运行gulp build。目录dist重新生成。

然后我将dist目录的内容复制到我的网站资源中,但是当我在浏览器中查看结果时,没有主题适用。例如,按钮看起来是默认的(导航器默认值)。

语义UI文档远未完成,我无法完成这项工作。我使用的是最新版本(npm install),这是一个错误还是我遗漏了什么?

另外,我无法在dist/themes目录中看到我的主题。此外,当主题不是默认值时,gulp生成速度快5秒,我相信这不是正常行为。

1 个答案:

答案 0 :(得分:1)

经过多次试验,错误和谷歌搜索后,它对我有用。

第1步: 确保默认主题文件夹在那里。我删除了我的默认主题文件夹进行一些测试,但它没有工作。在我把它带回来并执行gulp build后,它就起作用了。

第2步: 您可能需要将node更新为最新版本。将节点版本从5.2.0更新为5.6.0后,主题生成开始起作用。

此外: 您可以运行gulp watch并在theme.config中进行一些更改。它将向您展示主题构建过程的详细信息。