Hugo安装

Hugo是由Go语言实现的静态网站生成器,它不需要数据库,页面都是通过MarkDown开发的页面。不用安装编程语言环境,不用安装数据库,只需要几个步骤就可以快速搭建一个blog出来。

Hugo语言官方中文文档地址:http://www.gohugo.org/

Hugo官方主页:https://gohugo.io/

安装

提前条件scoop

安装 scoope

安装 Hugo

安装

scoop install hugo-extended

-- 控制台输出如下信息说明安装成功 --
....
Download: (OK):download completed.
Checking hash of hugo_extended_0.119.0_windows-amd64.zip ... ok.
Extracting hugo_extended_0.119.0_windows-amd64.zip ... done.
Linking D:\Scoop\apps\hugo-extended\current => D:\Scoop\apps\hugo-extended\0.119.0
Creating shim for 'hugo'.
'hugo-extended' (0.119.0) was installed successfully!
更多安装方法:  https://gohugo.io/installation/windows/

验证安装

hugo version
--输出如下信息说明安装成功
# hugo v0.119.0-b84644c008e0dc2c4b67bd69ccc

开始创建一个hugo项目

执行如下命令:

hugo new site mysite

hugo会自动生成这样一个目录结构:

[图片上传失败...(image-7cba87-1696169274280)]

简要介绍一下,hugo.toml是网站的配置文件,这是一个TOML文件,全称是Tom’s Obvious, Minimal Language,这是它的作者GitHub联合创始人Tom Preston-Werner 觉得YAML不够优雅,捣鼓出来的一个新格式。如果你不喜欢这种格式,你可以将hugo.toml替换为YAML格式的hugo.yaml,或者json格式的hugo.json。hugo都支持。

目录结构说明

  • content目录里放的是你写的markdown文章
  • layouts目录里放的是网站的模板文件
  • static目录里放的是一些图片、css、js等资源
  • ...

创建一个页面

cd mysite
hugo new about.md
#  会在content下创建一个about.md文件
# Content "D:\\tmp\\doc\\mysite\\content\\about.md" created

下载主题

# 下载所有主题
# git clone --recursive https://github.com/spf13/hugoThemes themes

# 也可以下载指定主题
 cd themes
 git clone https://github.com/spf13/hyde.git

--控制台输出
Cloning into 'hyde'...
remote: Enumerating objects: 424, done.
remote: Counting objects: 100% (5/5), done.
remote: Compressing objects: 100% (5/5), done.
Receiving objects:  94% (399/424), 444.01 KiB | 784.00 KiB/s 419
Receiving objects: 100% (424/424), 837.81 KiB | 1.23 MiB/s, done.
Resolving deltas: 100% (198/198), done.

本地调试

hugo server --buildDrafts --watch --theme=hyde 
# --theme=hyde : 指定主题
# 默认端口: 1313
# 皮肤列表: https://github.com/spf13/hugoThemes

浏览器里打开:http://127.0.0.1:1313

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值