搜索alpineio / quixote
Alpine.IO 主题构建器
Requires
- alpineio/rocinante: ^0.1
Requires (Dev)
- phpunit/phpunit: ^5.1
This package is not auto-updated.
Last update: 2024-09-14 19:03:55 UTC
README
安装新主题需要Composer
设置新主题
composer create-project alpineio/quixote theme-name创建了一个带有基础模板的 Quixote composer 项目的副本。cd theme-namevendor/bin/rocinante theme:regen "Super Awesome Theme" ./将当前目录中 Alpine.IO 的基础 Underscores 主题重命名。
编译 CSS 和 JavaScript
Bootstrap 使用 gulp，它为处理框架提供了方便的方法。这就是我们编译代码、运行测试以及更多操作的方式。要使用它，按照指示安装所需的依赖，然后运行一些 gulp 命令。
安装 Gulp
从命令行
- 使用
npm install -g gulp-cli全局安装gulp-cli。 - 导航到根目录，然后运行
npm install。npm 将查看 package.json 并自动安装其中列出的必要本地依赖。
完成后，您将能够从命令行运行提供的各种 gulp 命令。
不熟悉 npm？还没有安装 node.js 吗？ 没关系。npm 代表 node packaged modules，它通过 node.js 管理开发依赖。在继续之前，请先下载并安装 node.js。
可用的 gulp 命令
构建 - gulp
运行 gulp 以编译静态资产和本地 web 服务器以预览主题。CSS、图片和 JavaScript 编译到 /assets。**使用 Sass 和 UglifyJS**。
仅编译 CSS 和 JavaScript - gulp assets
gulp assets 创建包含编译文件的 /assets 目录。**使用 Sass 和 UglifyJS**。
仅编译 CSS - gulp styles
gulp styles 创建包含编译 CSS 的 /assets/css 目录。**使用 Sass 和 Autoprefixer**。
仅编译 JavaScript - gulp scripts
gulp scripts 创建包含编译 JavaScript 的 /assets/js 目录。**使用 UglifyJS**。
仅编译图片 - gulp images
gulp images 创建包含编译图片的 /assets/images 目录。**使用 Imagemin**。
监视 - gulp watch
这是一个方便的方法，用于监视图片、javascript、sass 和字体文件，您保存时自动构建它们。
Docker 组件
Quixote 包含一些 docker 容器，可以帮助您预览和测试您的主题
要启动 docker，运行以下 docker 命令
- 启动 docker
docker-compose up
本地 Docker
您可以从类似以下链接安装本地的Docker机器： https://dockerd.com.cn/products/docker-toolbox
WordPress
phpMyAdmin
http://192.168.99.100:3100/ 用户名：root 密码：secret