Win10系统安装Hugo详细教程
Hugo是主流的静态网站生成器,也叫静态博客生成器。hugo是在本地运行的软件,在本地电脑按照规定格式写好文章,然后通过hugo可以一键生成一个优秀的网站!
Hugo生成的网站是目前最新的自适应性网站,完美兼容电脑端和移动端!
Hugo的安装简单,麦田的电脑是Win10,就以此系统为例:
1、打开其官网下载列表:https://github.com/gohugoio/hugo/releases
2、下载适配自己电脑系统的文件,我选择的是:hugo_extended_0.55.6_Windows-64bit.zip
3、放到D盘,解压后更名文件夹为hugo
4、右键我的电脑,点击属性–高级系统设置–环境变量–双击Path–新建–输入:D:\hugo,然后全部确定;
5、win+r打开运行,输入cmd打开系统自带的命令行工具,输入hugo version,如果出现以下提示表示安装成功:
Hugo Static Site Generator v0.55.6/extended windows/amd64 BuildDate: unknown
6、之后的操作经常会用到命令行工具,我推荐使用开源的Cmder或 Git-bash
我使用的是Git-bash,不建议使用系统自带的cmd.exe。
7、安装Git后,打开D盘的hugo文件夹,空白处右键,点击:Git Bash Here,打开操作窗口;
8、新建网站【00】的指令(下图):hugo new site 00
hugo安装
这个新建网站的指令会让hugo文件夹内会生成一个00文件夹,里面就是网站结构!如下图:
hugo安装
content文件夹内放的是网站内容,必须是.md文件,由Markdown编辑器编辑!
config.toml文件是网站的配置文件,修改本文件,来配置网站!
9、打开文件夹00,在空白处点右键,然后点击:Git Bash Here,打开操作网站【00】的命令窗口;
用命令行工具新建一个页面:hugo new 11.md(页面名字是11),这是个模板,内容如下:
hugo安装
本人修改这个模板如下:
title: "这里写网页标题"
date: 2019-09-09(这里写日期)
tags: ["这里写标签", "标签比较重要"]
复制这个模板,在content文件夹内粘贴任意数量,然后用Markdown编辑这些.md的文件即可!
10、hugo有许多主题可以选择,主题文件下载后放在00内的themes文件夹里。然后编辑网站配置文件config.toml
hugo网站配置
特别注意
不能用记事本打开config.toml文件,必须使用Notepad++等软件编辑,如果打开过就要删除重建!
11、下图是常用操作:hugo server,预览本网站,可以一边修改,一边预览:
hugo安装
网站内容编辑好后,在命令窗口输入hugo,即可在数秒内快速的生成好一个静态网站,网站放在00文件夹内的public文件夹
以上就是Hugo的安装,以及基本操作!