当前位置:首页 > zblog插件 > 正文

zblog插件 使用Grunt开发ZBlog主题 沉冰浮水

使用Grunt开发ZBlog主题
  • 应用名称使用Grunt开发ZBlog主题
  • 应用IDmzGrunt
  • 应用作者沉冰浮水
  • 系统要求Z-BlogPHP 1.5.2 Zero
  • PHP版本5.4及更高
应用推荐

应用介绍

使用Grunt开发ZBlog主题  第1张 使用Grunt开发ZBlog主题  第2张 使用Grunt开发ZBlog主题  第3张 使用Grunt开发ZBlog主题  第4张 使用Grunt开发ZBlog主题  第5张 使用Grunt开发ZBlog主题  第6张 使用Grunt开发ZBlog主题  第7张

→ → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → → →↑建↑议↑及↑反↑馈

-------------------------------------

----------

Grunt: JavaScript 世界的构建工具 | Grunt 中文网

https://www.gruntjs.net/

----------

本工具可在指定主题目录下创建一个 compile 文件夹并放入 Grunt 所需文件,按说明部署相关依赖后即可通过 Grunt 构建主题的 CSS 和 JS;

支持两种方式的 LiveReload:

1、自动引入一个 JS 周期检测 CSS 是否更新并自动更新或刷新!!

2、使用 Grunt 命令自动响应主题文件修改,实时通知浏览器刷新「推荐」

-----

模板文件及书写流程不变。。

----------

只是需要 LiveReload 的话推荐下边插件,主题和插件都支持,甚至管理后台也能自动刷新;

「开发工具」BrowserSync - Z-Blog 应用中心

https://app.zblogcn.com/?id=27743

-----

2022-04-15:适配开发站点在 Docker 内的情况;

2021-07-29:更换 sass 组件,编译速度提升;

2021-03-13:增加 VSCode Browser Sync 支持,虽然这个仍然不太好用;增加自动检测 LiveReload;

2020-12-02:增加真 · LiveReload 支持;可配合 Node.js 工具或编辑器插件实现自动刷新;

2019-06-21:CSS 刷新优化;

----------

插件后台↓

使用Grunt开发ZBlog主题  第8张

工作路径↓

使用Grunt开发ZBlog主题  第9张

使用SASS开发↓

使用Grunt开发ZBlog主题  第10张

自动编译为CSS↓

使用Grunt开发ZBlog主题  第11张