A-A+

如何修改XiunoBBS 4.0 的风格

2016年12月03日 Xiunobbs 暂无评论阅读 288 次浏览次

Xiuno BBS 4.0 前端基于 Bootstrap 4.0 + jQuery 3.1 ，所以通过标准化流程就可以构建自己的风格。

在开始之前，请安装好如下工具：

nodejs：https://nodejs.org/ 前端构建工具需要

cnpm：http://npm.taobao.org/ 淘宝的(国内用户需要）

1. git clone https://git.oschina.net/xiuno/xiunobbs.git

2. cd xiunobbs/view/bootstrap/

3. npm install (国内请使用 cpnm install）

4. 修改文件：_variables.scss，

	// 灰度颜色：

	$gray-dark:                 #373a3c !default;

	$gray:                      #55595c !default;

	$gray-light:                #818a91 !default;

	$gray-lighter:              #eceeef !default;

	$gray-lightest:             #f7f7f9 !default;

	//  主色调

	$brand-primary:             #08599E !default;

	$brand-success:             #5cb85c !default;

	$brand-info:                #5bc0de !default;

	$brand-warning:             #f0ad4e !default;

	$brand-danger:              #d9534f !default;

	$brand-inverse:             $gray-dark !default;

	// 更多自行修改，一般改以上几个值就可以了，其他颜色会根据主色调自动计算出来。

5. grunt

6. 拷贝 dist/css/*.css ，覆盖到你站点的 view/css/

7. 完工