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

目录
相关文章
|
5月前
|
JavaScript 前端开发 小程序
Webstorm的安装和使用基础教程
Webstorm的安装和使用基础教程
59 0
|
人工智能 前端开发 JavaScript
合理使用WebStorm-环境配置篇(下)
合理使用WebStorm-环境配置篇(下)
合理使用WebStorm-环境配置篇(下)
|
存储 JavaScript 前端开发
VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了
Visual Studio Code 是一个轻量级功能强大的源代码编辑器,支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言和运行时(如 C++、C#、Java、Python、PHP、Go、.NET)提供了丰富的扩展生态系统。为了不影响读者的沉浸式阅读学习,如需使用目录请在左侧使用即可。
3716 0
VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了
|
19天前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
|
8月前
|
缓存 JavaScript 前端开发
gulp安装教程(简单的前端自动化教程)
gulp安装教程(简单的前端自动化教程)
188 0
|
11月前
|
搜索推荐 编译器 开发工具
【VScode】手把手教你如何搭建C/C++开发环境(一)
【VScode】手把手教你如何搭建C/C++开发环境
1646 0
|
11月前
|
编译器 C语言 C++
【VScode】手把手教你如何搭建C/C++开发环境(二)
【VScode】手把手教你如何搭建C/C++开发环境
385 0
|
Shell
vscode 插件系列教程1:环境准备
vscode 插件系列教程1:环境准备
186 0
|
前端开发 开发工具 开发者
合理使用WebStorm-环境配置篇(上)
合理使用WebStorm-环境配置篇(上)
合理使用WebStorm-环境配置篇(上)
|
JSON 数据格式 Python
VScode配置Python开发环境
VScode配置Python开发环境
684 0