The procedure Start button --> Settings --> About was missing a step. Corrected it to: Start --> Settings --> System --> About. Also replaced ASCII arrows (-->) with Unicode right arrow character (U+2192).
6 KiB
author | lastmod | date | linktitle | toc | menu | next | prev | title | weight | ||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Michael Henderson | 2016-02-10 | 2015-03-30 | Installing on Windows | true |
|
/tutorials/mathjax | /tutorials/installing-on-mac | Installing on Windows | 10 |
Installing Hugo on Windows
This tutorial aims to be a complete guide to installing Hugo on your Windows computer.
Assumptions
- We'll call your website
example.com
for the purpose of this tutorial. - You will use
C:\Hugo\Sites
as the starting point for your site. - You will use
C:\Hugo\bin
to store executable files.
Setup Your Directories
You'll need a place to store the Hugo executable, your content (the files that you build), and the generated files (the HTML that Hugo builds for you).
- Open Windows Explorer.
- Create a new folder:
C:\Hugo
(assuming you want Hugo on your C drive – it can go anywhere.) - Create a subfolder in the Hugo folder:
C:\Hugo\bin
. - Create another subfolder in Hugo:
C:\Hugo\Sites
.
Technical users
- Download the latest zipped Hugo executable from the Hugo Releases page.
- Extract all contents to your
..\Hugo\bin
folder. - You'll probably want to rename the Hugo executable to something short like
hugo.exe
. - In Powershell or your preferred CLI, add the
hugo.exe
executable to your PATH by navigating toC:\Hugo\bin
(or the location of your hugo.exe file) and use the commandset PATH=%PATH%;C:\Hugo\bin
. If thehugo
command does not work after a reboot, you may have to run the command prompt as administrator.
Less technical users
- Go the Hugo Releases page.
- The latest release is announced on top. Scroll to the bottom of the release announcement to see the downloads. They're all ZIP files.
- Find the Windows files near the bottom (they're in alphabetical order, so Windows is last) – download either the 32-bit or 64-bit file depending on whether you have 32-bit or 64-bit Windows. (If you don't know, see here.)
- Move the ZIP file into your
C:\Hugo\bin
folder. - Double-click on the ZIP file and extract its contents. Be sure to extract the contents into the same
C:\Hugo\bin
folder – Windows will do this by default unless you tell it to extract somewhere else. - You should now have three new files: an .exe file, license.md, and readme.md. (you can delete the ZIP download now.)
- Rename the .exe file to
hugo.exe
. - Now add Hugo to your Windows PATH settings:
For Windows 10 users:
- Right click on the Start button
- Click on System
- Click on Advanced System Settings on the left
- Click on the Environment Variables button on the bottom
- In the User variables section, find the row that starts with PATH (PATH will be all caps)
- Double-click on PATH
- Click the New button.
- Type in Hugo's path, which is
C:\Hugo\bin\hugo.exe
if you went by the instructions above. Press Enter when you're done typing. - Click OK at every window to exit.
(Note that the path editor in Windows 10 was added in the large November 2015 Update. You'll need to have that or a later update installed for the above steps to work. You can see what Windows 10 build you have by clicking on the Start button → Settings → System → About. See here for more.)
Windows 7 and 8.1 do not include an easy path editor, so non-technical users on those platforms are advised to install a free third-party path editor like Windows Environment Variables Editor or Path Editor.
Verify the executable
Run a few commands to verify that the executable is ready to run and then build a sample site to get started.
-
Open a command prompt window.
-
At the prompt, type
hugo help
and press the Enter key. You should see output that starts with:{{< nohighlight >}}A Fast and Flexible Static Site Generator built with love by spf13 and friends in Go. Complete documentation is available at http://gohugo.io {{< /nohighlight >}}
If you do, then the installation is complete. If you don't, double-check the path that you placed the
hugo.exe
file in and that you typed that path correctly when you added it to your PATH variable. If you're still not getting the output, post a note on the Hugo discussion list (in theSupport
topic) with your command and the output. -
At the prompt, change your directory to the
Sites
directory.{{< nohighlight >}}C:\Program Files> cd C:\Hugo\Sites C:\Hugo\Sites> {{< /nohighlight >}}
-
Run the command to generate a new site. I'm using
example.com
as the name of the site.{{< nohighlight >}}C:\Hugo\Sites> hugo new site example.com {{< /nohighlight >}}
-
You should now have a directory at
C:\Hugo\Sites\example.com
. Change into that directory and list the contents. You should get output similar to the following:{{< nohighlight >}}C:\Hugo\Sites>cd example.com C:\Hugo\Sites\example.com>dir Directory of C:\hugo\sites\example.com 04/13/2015 10:44 PM <DIR> . 04/13/2015 10:44 PM <DIR> .. 04/13/2015 10:44 PM <DIR> archetypes 04/13/2015 10:44 PM 83 config.toml 04/13/2015 10:44 PM <DIR> content 04/13/2015 10:44 PM <DIR> data 04/13/2015 10:44 PM <DIR> layouts 04/13/2015 10:44 PM <DIR> static 1 File(s) 83 bytes 7 Dir(s) 6,273,331,200 bytes free {{< /nohighlight >}}
You now have Hugo installed and a site to work with. You need to add a layout (or theme), then create some content. Go to http://gohugo.io/overview/quickstart/ for steps on doing that.
Troubleshooting
@dhersam has created a nice video on common issues:
{{< youtube c8fJIRNChmU >}}