麦田的博客

Win10系统安装Hugo详细教程

2019-09-01


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相关的文章

Hugo安装和基本操作

Hugo介绍和使用经验谈

麦田喜欢并推荐的Hugo主题模板:

本博客使用的主题jane

Hugo主题Mainroad

Hugo主题beg

Hugo主题maupassant

Hugo主题nuo

Hugo主题rockrock

添加全部文章功能:Hugo添加归档页面

HUGO实现相关文章功能:HUGO怎么基于标签展示相关文章


相关内容

  • GitBook介绍安装和使用教程
  • Hugo升级方法和遇到的问题
  • Markdown软件推荐
  • HTML引入CSS的方法和示例
  • vscode的使用经验-编辑md文件
  • 麦田收集的优秀网站
  • RAKsmart主机教程
  • OpenCart商城程序使用经验
  • 静态博客生成器大全和简评
  • Win10系统安装Jekyll详细教程
  • 标签

    hugo安装静态网站生成器hugo主题教程hugo