Writing Note Workflow
Sungwa Yu

Tool

Snipaste

Screenshot app

Snipaste_2021-09-18_17-36-42

Snipaste_2021-09-18_17-39-27

Turn on Auto Save, then pressing F1 and then pressing Enter will automatically save your screenshot to that folder.

More about Snipaste

F1 and Enter to screenshot then F3.

It can pin the screenshot on top of other application. Very useful when copying something from another screen.

F1 then use cmd+1 to cmd+7 to choose tools to edit the screenshot

Workflow

  1. Outline the article main contents.

  2. Operating while taking screenshot.

  3. Go the Hexo directory, use command hexo new "article title" to create a markdown file (new post).

  4. After finishing, select all and drag all screenshots to the markdown file.

  5. Add more detailed instructions and explanations.

  6. Use Ctrl+F to replace the image path from /Users/....../Snipaste_2021-09-18_17-21-53.pngto Snipaste_2021-09-18_17-21-53.png (get rid of the absolute path pre-fix, otherwise Hexo can’t find the image path).

  7. Deploy post with hexo clean && hexo d -g