Hugo快速创建和发布网站

news2025/1/20 1:48:23

你应该先阅读Windows上安装Hugo的环境。

我们使用PowerShell运行下面的Hugo命令。


1 创建网站

我们在文档下面创建一个名为MyHugoSite的目录结构:

cd Documents
hugo new site MyHugoSite
cd MyHugoSite

提示告诉我们有关主题的获取方式、文件的添加和站点的构建。

MyHugoSite的目录结构如下:

MyHugoSite/
├── archetypes/
│   └── default.md
├── assets/
├── content/
├── data/
├── layouts/
├── public/
├── static/
├── themes/
└── hugo.toml

archetypes:包含用于创建新内容页面的模板文件,默认情况下包含一个名为 default.md 的示例模板。

deault.md

---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

title默认取文件名。

draft指示是否是草稿内容。

你也可以自定义元数据字段:

---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
image: "/images/default.jpg"
categories: []
tags: []
draft: true
---

assets:存储需要Hugo Pipes处理的文件。

Hugo Pipes用于压缩、合并、优化和处理如CSS、JavaScript、图像等静态资源文件。

content:这是你的网站的主要内容目录。你可以在这里组织你的文章、页面和其他内容。Hugo使用Markdown、HTML等文件格式来创建网站页面。

data:如果你需要在网站中使用一些数据文件,可以将它们放在这个目录中。这些数据可以是JSON、YAML或TOML格式的文件,用于动态生成网站内容。

layouts:这个目录包含用于自定义网站布局的文件。你可以在这里创建HTML模板,定义部分页面的布局,并控制网站的外观和结构。

public:这是Hugo生成的网站文件的输出目录。当你运行 hugo 命令来构建网站时,生成的HTML、CSS、JavaScript等文件将保存在这个目录中。

static:这个目录用于存放不需要处理的静态文件,如favicon.ico、字体文件等。这些文件会被直接复制到网站的根目录下。

theme:如果你使用了主题来定制网站外观,那么主题文件应该放在这个目录下。每个主题通常都有自己的目录结构,包括布局、静态资源等。

hugo.toml:hugo的单一配置文件。


了解完目录结构,我们就可以尝尝鲜了。

将MyHugoSite目录初始化为Git存储库:

git init

安装主题:添加主题(git子模块)到themes文件夹:

git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

启用主题:在hugo.toml中添加一句theme='ananke'

启动Hugo的开发服务器查看站点:

hugo server

ctrl+C停止。

默认不包括草稿内容。

2 发布内容

添加新页面:

hugo new content posts/the-first-post.md

启动服务器,且包含草稿内容:

hugo server --buildDrafts
或
hugo server -D

我们甚至不用关闭服务器去更改内容,在站点上也会及时显示。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/925743.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

uni.uploadFile上传 PHP接收不到

开始这样,后端$file $request->file(file);接收不到 数据跑到param中去了 去掉Content-Type,就能接收到了 param只剩下

maven可用的插件列表

maven可用的插件列表:https://maven.apache.org/plugins/ 在插件列表页面找到自己想要了解的插件,点击进去,可以看到插件的详细信息,例如这个插件有哪些goals,goal的参数、用法、样例等,还是很有用的。 B…

Python支持下最新Noah-MP陆面模式站点、区域模拟及可视化分析技术

查看原文>>> Python支持下最新Noah-MP陆面模式站点、区域模拟及可视化分析技术 熟悉陆表过程的主要研究内容以及陆面模型在生态水文研究中的地位和作用;深入理解Noah-MP 5.0模型的原理,掌握Noah-MP模型(2023年最新发布的5.0版本&am…

【云卓笔记】mavlink java文件

根据飞控提供的xml文件来生成的 生成的就是这样的java文件 准备工作: Mavlink协议生成 参考 1.安装mavlink : 使用MAVLink工具的要求是 Python 3.3 (recommended) or Python 2.7 Python future模块 (可选) PythonTklnter模块(如果需要使用图形用户界面)。 环境变量PYTHO…

容器进阶操作

查看容器信息 容器创建成功后,用户可以通过docker inspect命令查看容器的详细信息,这些详细信息包括容器的id、容器名、环境变量、运行命令、主机配置、网络配置以及数据卷配置等信息。执行部分结果如下图: 使用format参数可以只查看用户关心…

浅谈视频汇聚平台EasyCVR视频平台在城市安全综合监测预警台风天气中的重要作用

夏日已至,台风和暴雨等极端天气频繁出现。在城市运行过程中,台风所带来的暴雨可能会导致城市内涝等次生灾害,引发交通瘫痪、地铁停运、管网泄漏爆管、路面塌陷、防洪排涝、燃气爆炸、供热安全、管廊安全、消防火灾等安全隐患,影响…

IEC61499/ OPCUA 融合(1)功能块通信的PUB/SUB协议

OpenDACS 是基于OPCUA 信息模型的IEC61499 分布式自动控制系统。用于研究OPCUA 与IEC61499 相互融合。本文介绍它如何采用Opcua Pub/Sub 实现分布式系统中IEC61499功能块之间的通信。在IEC61499 中并没有明确地确定采取哪一种协议,在具体实现中可能采取TCP/IP,UDP …

CVE-2016-3088漏洞复现

1.背景介绍。 ActiveMQ的web控制台分三个应用,admin、api和fileserver,其中admin是管理员页面,api是接口,fileserver是储存文件的接口;admin和api都需要登录后才能使用,fileserver无需登录。 fileserver是…

解析跨境电商环境下的撸卡、撸货等业务运作模式

随着亚马逊在国内用户中的流行,越来越多的人做亚马逊测评自养号,作为一个传统的跨境电商平台,亚马逊上有许多进口商品可供购买,在购物过程中,有的是用信用卡下单,有的是用礼品卡下单,也会有一些…

CS144 计算机网络 Lab3:TCP Sender

前言 在 Lab2 中我们实现了 TCP Receiver,负责在收到报文段之后将数据写入重组器中,并回复给发送方确认应答号。在 Lab3 中,我们将实现 TCP 连接的另一个端点——发送方,负责读取 ByteStream(由发送方上层应用程序创建…

2023-08-25 LeetCode每日一题(统计二叉树中好节点的数目)

2023-08-25每日一题 一、题目编号 1448. 统计二叉树中好节点的数目二、题目链接 点击跳转到题目位置 三、题目描述 给你一棵根为 root 的二叉树,请你返回二叉树中好节点的数目。 「好节点」X 定义为:从根到该节点 X 所经过的节点中,没有…

低调大佬造车,扒一扒极石01

作者 | 普通一涛 编辑 | 德新 又一个汽车新品牌诞生了。 极石,是的,很多人没有听过。它不是传统汽车品牌,也不是传统主机厂成立的新品牌,而是一家新势力。 乍听名字,极字辈都是高端品牌家族——极狐、极星、极氪、极越…

广场小记

(1) 广场上有人唱卡拉ok: 女声唱的是:嫁人就要嫁给你 男声唱的是:我爱我的祖国 非常的50年代。 那一代人就是这么真挚、直接、热烈。 那一代人经历60大饥荒、66wg、68上山下乡、80回城个体户、90大下岗。16岁时的他们&…

正确进行自动化测试

前言: 📕作者简介:热爱编程的小七,致力于C、Java、Python等多编程语言,热爱编程和长板的运动少年! 📘相关专栏Java基础语法,JavaEE初阶,数据库,数据结构和算法…

惊!同事做汇报都开始卷大屏了,问了一嘴,这个工具小白最好上手

老陈最近出差,去上海的一个公司考察学习,在人家会议室听别人分享的时候,发现大家现在是真的卷,连个普通的汇报都搞了张可视化大屏,直接把公司的核心数据展现得明明白白,鼠标点哪亮哪,真的特别炫…

Effective C++条款16——成对使用new和delete时要采取相同形式(资源管理)

以下动作有什么错? std::string* stringArray new std::string[100]; // ... delete stringArray;每件事看起来都井然有序。使用了new,也搭配了对应的 delete。但还是有某样东西完全错误:你的程序行为不明确(未有定义)。最低限度&#xff…

水利部推荐的数字孪生水利建设典型案例介绍

2022年以来,水利部先后出台《数字孪生流域建设技术大纲(试行)》《数字孪生水网建设技术导则(试行)》《数字孪生水利工程建设技术导则(试行)》《水利业务“四预”基本技术要求(试行&a…

C# 实现 国密SM4/ECB/PKCS7Padding对称加密解密

C# 实现 国密SM4/ECB/PKCS7Padding对称加密解密,为了演示方便本问使用的是Visual Studio 2022 来构建代码的 1、新建项目,之后选择 项目 鼠标右键选择 管理NuGet程序包管理,输入 BouncyCastle 回车 添加BouncyCastle程序包 2、代码如下&am…

iphone手机铃声怎么设置,4个步骤包您学会!

iPhone手机的铃声设置包括很多种,比如来电铃声、短信铃声、语音提醒铃声等等。设置一个动听的铃声也能使人心情愉悦,那么iPhone手机铃声怎么设置呢?还有,有些朋友喜欢将喜欢的音乐设置为铃声,那又该怎么做呢&#xff1…

百度AI智障到AI智能体验之旅

目录 前言一、百度PLATO1.抬杠第一名2.听Ta瞎扯淡3.TA当场去世了4.智障与网友的高光时刻 二、文心一言1.设计测试用例2.随意发问3.手机端约会神器 三、体验总结:四、千帆大模型 前言 最近收到了文心一言3.5大模型的内测资格,正巧之前也体验过它的前身&q…