Based on a few questions on how to setup an environment to edit content using Hugo, here’s a few simple steps to follow if you want a quick and easy way to do it. Keep in mind, the beauty of using Hugo is that you are free to use any text editor you like.
This is not the only way to do it but this will get you there fast if you don’t have anything setup yet.
Assumptions
Hugo is already installed, if not please check out the steps on how to install Hugo. For Windows OS, here’s a simple way to install Hugo.
Git for Windows is also installed and setup. This is an optional step but it’s highly recommended if you want to track your edit history.
Steps
Download and install Visual Studio Code. Once done, launch the editor.
Download the following Visual Studio Code extensions to help you [Markdown Shortcuts, Better TOML, Git History]. While this step is optional, it will help to speed up your workflow in creating/editing your static site.
Once you created your Hugo workspace, open the folder from Visual Studio Code.
That’s about it and you’re ready to create your Hugo static site.
When you’re ready to publish the site, check out the post below if you’re thinking about hosting it on an IIS server.
Further Reading
How to Install Hugo on Windows 10
How to Deploy Hugo Static Website to IIS Using Git
How to Setup Naked Domain to Resolve in Cloudflare Pages
How to Open Visual Studio Code from command line macOS
