Use gulp to set up workflows for theme development

huangyuzhang commented 5 years ago

https://fizzy.cc/gulp-theme-workflow/

aliyuv commented 5 years ago

How can I contact you?

huangyuzhang commented 5 years ago

How can I contact you?

May I ask what is your query? If it is a question to specific issues regarding the post, please feel free to leave it here. I got notification of all comments so I won't miss them.

If you want to post an issue or suggest anything related to the Fizzy Theme, please do so in here: https://github.com/huangyuzhang/Fizzy-Theme/issues

Moreover, you can reach me by wechat (yulone) since I believe that's more convenient for you.

vishalpietech commented 5 years ago

Nice one. Thanks for sharing to us.

pearcy commented 4 years ago

Thanks for the detailed how-to. I have been working with a theme locally and followed your instructions to zip it.

When I run "gulp dev" the terminal window "hangs". I get:

Josephs-MacBook-Pro:simply-master pearcy$ gulp dev
[19:57:46] Using gulpfile ~/ghost6/content/themes/simply-master/gulpfile.js
[19:57:46] Starting 'dev'...
[19:57:46] Starting 'clean:dev'...
[19:57:46] Finished 'clean:dev' after 1.75 ms
[19:57:46] Starting 'sass'...
[19:57:46] Finished 'sass' after 26 ms
[19:57:46] Starting 'watch'...

If I run "gulp build" I get this (of course the "gulp dev" has not fully process). Just adding in case it helps.

Josephs-MacBook-Pro:simply-master pearcy$ gulp build
[20:06:49] Using gulpfile ~/ghost6/content/themes/simply-master/gulpfile.js
[20:06:49] Starting 'build'...
[20:06:49] Starting 'clean:build'...
[20:06:49] Finished 'clean:build' after 1.66 ms
[20:06:49] Starting 'sass'...
[20:06:49] Finished 'sass' after 24 ms
[20:06:49] Starting 'package'...
[20:06:49] Finished 'package' after 3.35 ms
[20:06:49] Finished 'build' after 32 ms

Any suggestions on how I can troubleshoot this would be greatly appreciated.

huangyuzhang commented 4 years ago

@pearcy Thanks for the detailed how-to. I have been working with a theme locally and followed your instructions to zip it.

When I run "gulp dev" the terminal window "hangs". I get:
Josephs-MacBook-Pro:simply-master pearcy$ gulp dev
[19:57:46] Using gulpfile ~/ghost6/content/themes/simply-master/gulpfile.js
[19:57:46] Starting 'dev'...
[19:57:46] Starting 'clean:dev'...
[19:57:46] Finished 'clean:dev' after 1.75 ms
[19:57:46] Starting 'sass'...
[19:57:46] Finished 'sass' after 26 ms
[19:57:46] Starting 'watch'...
If I run "gulp build" I get this (of course the "gulp dev" has not fully process). Just adding in case it helps.
Josephs-MacBook-Pro:simply-master pearcy$ gulp build
[20:06:49] Using gulpfile ~/ghost6/content/themes/simply-master/gulpfile.js
[20:06:49] Starting 'build'...
[20:06:49] Starting 'clean:build'...
[20:06:49] Finished 'clean:build' after 1.66 ms
[20:06:49] Starting 'sass'...
[20:06:49] Finished 'sass' after 24 ms
[20:06:49] Starting 'package'...
[20:06:49] Finished 'package' after 3.35 ms
[20:06:49] Finished 'build' after 32 ms
Any suggestions on how I can troubleshoot this would be greatly appreciated.

There is no error for both of the results. When you run gulp dev, you can edit the theme and it will watch the changes and update the file constantly. When you run gulp build, it will build a zip file for you.

pearcy commented 4 years ago

@huangyuzhang
@pearcy Thanks for the detailed how-to. I have been working with a theme locally and followed your instructions to zip it.

When I run "gulp dev" the terminal window "hangs". I get:
Josephs-MacBook-Pro:simply-master pearcy$ gulp dev
[19:57:46] Using gulpfile ~/ghost6/content/themes/simply-master/gulpfile.js
[19:57:46] Starting 'dev'...
[19:57:46] Starting 'clean:dev'...
[19:57:46] Finished 'clean:dev' after 1.75 ms
[19:57:46] Starting 'sass'...
[19:57:46] Finished 'sass' after 26 ms
[19:57:46] Starting 'watch'...
If I run "gulp build" I get this (of course the "gulp dev" has not fully process). Just adding in case it helps.
Josephs-MacBook-Pro:simply-master pearcy$ gulp build
[20:06:49] Using gulpfile ~/ghost6/content/themes/simply-master/gulpfile.js
[20:06:49] Starting 'build'...
[20:06:49] Starting 'clean:build'...
[20:06:49] Finished 'clean:build' after 1.66 ms
[20:06:49] Starting 'sass'...
[20:06:49] Finished 'sass' after 24 ms
[20:06:49] Starting 'package'...
[20:06:49] Finished 'package' after 3.35 ms
[20:06:49] Finished 'build' after 32 ms
Any suggestions on how I can troubleshoot this would be greatly appreciated.
There is no error for both of the results. When you run gulp dev, you can edit the theme and it will watch the changes and update the file constantly. When you run gulp build, it will build a zip file for you.

I should have mentioned that there is no zip file generated when I run 'gulp build'.
And I am not using the "Fizzy" theme. New at this and not sure if the file is theme dependent. I did change the folder paths to reflect my environment.

huangyuzhang / fizzy

Use gulp to set up workflows for theme development #16