Win10系统安装Hugo详细教程

麦田4年前 (2019-09-01)工作笔记1168

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的安装,以及基本操作!

相关文章

Hugo升级方法和遇到的问题

2020-02-18更新:去年七月我开始使用Hugo,版本是0.55.6,现在升级到0.64.1出现问题如下:$ hugo serverBuilding sites … ERROR 2020/02/1...

Hugo主题rockrock的配置

rockrock主题很干净,我很喜欢,但是这些主题都需要配置和优化:1、Hugo实现猜你喜欢功能(相关文章,或者相关内容功能)使用dw打开模板文件:themes/主题rockrock/layouts/...

Hugo主题nuo的配置

Hugo主题nuo简洁大方,电脑端界面分左右两栏,手机端界面和其他所有主题类似,我很喜欢!因为麦田喜欢生成.html文件,并直接放在网站根目录下,所以这个主题修改和配置的地方比较多:1、先设置网站根目...

Hugo主题mainroad的配置

hugo主题模板mainroad源自WordPress主题 Mainroad,原作者是MH Themes,不得不说WordPress的主题最丰富,优秀作品也多。2020年2月20日优化:1、优化全部标...

Hugo主题LeaveIt优化

感谢作者liuzhichao.com提供的主题LeaveIt,这个主题可以选择不同的首页展示模式,还可以点击网站名称左侧的爱心按钮,切换黑白界面!这个主题已经比较完美,优化工作比较少:1、加入归档页面...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。