Add minified css files

This commit is contained in:
qingwei.li 2016-11-27 13:30:40 +08:00
parent eba21726d7
commit 657ad7d59c
5 changed files with 37 additions and 2 deletions

20
build/build-css.js Normal file
View File

@ -0,0 +1,20 @@
var fs = require('fs')
var cssnano = require('cssnano').process
var resolve = require('path').resolve
var save = function (file, content) {
fs.writeFileSync(resolve(__dirname, '../lib/themes/', file), content)
}
var load = function (file) {
return fs.readFileSync(resolve(__dirname, '../themes/', file)).toString()
}
var list = fs.readdirSync(resolve(__dirname, '../themes'))
list.forEach(function (file) {
cssnano(load(file))
.then(function (result) {
save(file, result.css)
console.log('cssnao - ' + file)
})
})

View File

@ -5,7 +5,7 @@
<title>Docsify</title>
<meta name="description" content="A magical documentation generator.">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
<link rel="stylesheet" href="//unpkg.com/docsify/themes/lib/vue.css">
</head>
<body>
<nav>

View File

@ -76,6 +76,13 @@ Currently available `vue.css` and `buble.css`
<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
```
Minified files
```html
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css">
```
## More
### Multiple pages

View File

@ -75,6 +75,13 @@ docsify serve docs
<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
```
### 压缩版
```html
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css">
```
## 更多功能
### 多页面

View File

@ -9,7 +9,7 @@
"themes"
],
"scripts": {
"build": "node build/build.js",
"build": "rm -rf lib && node build/build.js && mkdir lib/themes && node build/build-css.js",
"dev": "node app.js & nodemon --watch src themes --exec 'npm run build'",
"test": "eslint src test"
},
@ -28,6 +28,7 @@
"homepage": "https://QingWei-Li.github.io/docsify",
"license": "MIT",
"devDependencies": {
"cssnano": "^3.8.1",
"eslint": "^3.10.2",
"eslint-config-vue": "^2.0.1",
"eslint-plugin-vue": "^1.0.0",