Add minified css files
This commit is contained in:
parent
eba21726d7
commit
657ad7d59c
5 changed files with 37 additions and 2 deletions
20
build/build-css.js
Normal file
20
build/build-css.js
Normal 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)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<title>Docsify</title>
|
<title>Docsify</title>
|
||||||
<meta name="description" content="A magical documentation generator.">
|
<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">
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav>
|
<nav>
|
||||||
|
|
|
||||||
|
|
@ -76,6 +76,13 @@ Currently available `vue.css` and `buble.css`
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/themes/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
|
## More
|
||||||
|
|
||||||
### Multiple pages
|
### Multiple pages
|
||||||
|
|
|
||||||
|
|
@ -75,6 +75,13 @@ docsify serve docs
|
||||||
<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
|
<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">
|
||||||
|
```
|
||||||
|
|
||||||
## 更多功能
|
## 更多功能
|
||||||
|
|
||||||
### 多页面
|
### 多页面
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
"themes"
|
"themes"
|
||||||
],
|
],
|
||||||
"scripts": {
|
"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'",
|
"dev": "node app.js & nodemon --watch src themes --exec 'npm run build'",
|
||||||
"test": "eslint src test"
|
"test": "eslint src test"
|
||||||
},
|
},
|
||||||
|
|
@ -28,6 +28,7 @@
|
||||||
"homepage": "https://QingWei-Li.github.io/docsify",
|
"homepage": "https://QingWei-Li.github.io/docsify",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"cssnano": "^3.8.1",
|
||||||
"eslint": "^3.10.2",
|
"eslint": "^3.10.2",
|
||||||
"eslint-config-vue": "^2.0.1",
|
"eslint-config-vue": "^2.0.1",
|
||||||
"eslint-plugin-vue": "^1.0.0",
|
"eslint-plugin-vue": "^1.0.0",
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue