Hugo教程#1配置开发环境

引言

前段时间我把我的博客的生成器从Jekyll换到了Gatsby后来发现并不好用,又想回到Jekyll,最后由于ruby的gem安装老是出错,所以我试了一下Hugo

好了废话不多说,开始配置Hugo的开发环境吧

配置环境

安装

Linux

Linux用户可以直接使用包管理器安装apt,yum,dnf,zypper,pacman等等,包名就是hugo

Windows

Windows用户可以在GitHub的release下载对应的平台,hugo也支持arm64

创建项目

使用命令hugo new site blog既可在blog下创建一个hugo项目,hugo可以换成自己想在的目录下,如果想在当前目录下创建需要加上--force参数,也就是hugo new site . --force

目录结构

. 当前目录
├── archetypes 原型模板 使用new 文件名.md参数的时候会在content下创建一个md文件
│   └── default.md 默认模板
├── config.toml 配置文件
├── content 内容基本上所有的内容都写在这里面
├── data 数据
├── layouts 布局
├── public 生成的页面
├── static 静态资源
└── themes 主题

创建内容

使用hugo new

默认创建项目后使用的是yaml的写法,当然也可以使用jsontoml的写法,如果是toml的写法那就吧---换成+++

---
title: "{{ replace .Name "-" " " | title }}" # 标题
date: {{ .Date }} # 日期
draft: true # 是否为草稿
---

运行项目

如何运行项目呢,使用hugo server运行serveserver都行

打开提示的地址,点进去访问http://localhost:1313/

发现页面的Page Not Found

这是由于Hugo它不自己带主题或者布局,所以我们只能用别人写的主题,或者只能自己写主题或者布局了

本系列的源码都会放到GitHub