首发于Enaium的个人博客
引言
前段时间我把我的博客的生成器从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
的写法,当然也可以使用json
和toml
的写法,如果是toml
的写法那就吧---
换成+++
---
title: "{
{ replace .Name "-" " " | title }}" # 标题
date: {
{ .Date }} # 日期
draft: true # 是否为草稿
---
运行项目
如何运行项目呢,使用hugo server
运行serve
和server
都行
打开提示的地址,点进去访问http://localhost:1313/
发现页面的Page Not Found
这是由于Hugo它不自己带主题或者布局,所以我们只能用别人写的主题,或者只能自己写主题或者布局了
本系列的源码都会放到GitHub上