Hugo教程#1配置开发环境

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

首发于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的写法,当然也可以使用jsontoml的写法,如果是toml的写法那就吧---换成+++

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

运行项目

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

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

发现页面的Page Not Found

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

本系列的源码都会放到GitHub

目录
相关文章
|
存储 JavaScript 前端开发
VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了
Visual Studio Code 是一个轻量级功能强大的源代码编辑器,支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言和运行时(如 C++、C#、Java、Python、PHP、Go、.NET)提供了丰富的扩展生态系统。为了不影响读者的沉浸式阅读学习,如需使用目录请在左侧使用即可。
5590 0
VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了
|
3月前
|
Rust Shell 开发者
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
513 0
|
5月前
|
IDE 开发工具
一文搞懂:【Haxe】(一)VSCode搭建Haxe开发环境
一文搞懂:【Haxe】(一)VSCode搭建Haxe开发环境
57 0
|
缓存 JavaScript 前端开发
gulp安装教程(简单的前端自动化教程)
gulp安装教程(简单的前端自动化教程)
266 0
|
Web App开发 JavaScript 前端开发
VueCLi的安装步骤(第四课)
VueCLi的安装步骤(第四课)
254 0
|
搜索推荐 编译器 开发工具
【VScode】手把手教你如何搭建C/C++开发环境(一)
【VScode】手把手教你如何搭建C/C++开发环境
2143 0
|
编译器 C语言 C++
【VScode】手把手教你如何搭建C/C++开发环境(二)
【VScode】手把手教你如何搭建C/C++开发环境
646 0
|
Shell
vscode 插件系列教程1:环境准备
vscode 插件系列教程1:环境准备
338 0
|
Java 数据库连接 数据库
最新版IDEA配置常用工具模板
在使用 InelliJ IDEA 的过程中,如果能熟练的配置常用模块应用于实际开发过程中,效率将大大提高!!! Try it !
175 0
最新版IDEA配置常用工具模板
中文网的搭建Futter开发环境
中文网的搭建Futter开发环境
66 0