hugo格式说明记载笔记

文章默认格式模版

推荐在模板中设置，修改 archetypes/default.md（如果没有则新建一个即可）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17


---
date : '{{ .Date }}'
draft: true
title: '{{ replace .File.ContentBaseName "-" " " | title }}'
image: https://picsum.photos/800/600.webp?random={{ substr (md5 (.Date)) 4 8 }}
description: 描述
summary: 文章摘要，重要！关乎ESO搜索引擎优化
categories: [
    "hugo",
    "笔记",
]
tags: [
    "hugo",
	"笔记"
]

---

这里的重点是 image 这一行，即使用了 Lorem Picsum 的接口，然后就可以得到一张随机的图片，更多详情也可前往 Lorem Picsum 了解。之后，我们通过 hugo new 命令时，新建的文章会随机匹配一张图片

文章的一写变量的写法

说明tags 一般是在文章内部的标题

我还要修改图片粘贴路径在vscode 设置里面

评论区我成了

参考链接效果可以看我评论区

1
2
3
4


#创建新的笔记是
.\hugo new content post/Blogname/index.md
# 本地调试启动服务
.\hugo server -D

文章图片操作

【Hugo】markdown中图片大小和对齐方式调整

脚本自动化在vscode 我建立了一个工作区写了一些个脚本

新建文章删除文章本地预览更新远程

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67


{
	"folders": [
		{
			"path": ".."
		}
	],
	"settings": {
		"VsCodeTaskButtons.tasks": [
			{
				"label": "$(zap)New",
				"task": "New",
				"tooltip": "创建一个新文章"
			},
			{
				"label": "$(notebook-delete-cell) Clean",
				"task": "clean",
				"tooltip": "删除指定文章"
			},
			{
				"label": "$(globe)localview",
				"task": "localview",
				"tooltip": "本地预览"
			},
		]
	
	},
	"tasks": {
		"version": "2.0.0",
		"tasks": [
        {
            "label": "New",
            "type": "shell",
            "command":  "./hugo.exe new content post/${input:Blogname}/index.md",
        },
		{
            "label": "clean",
            "type": "shell",
            "command": "Remove-Item -Recurse -Force -Path ${workspaceFolder}\\content\\post\\${input:cleanBlogname}",
          
        },
		{
            "label": "localview",
            "type": "shell",
            "command": "./hugo.exe server -D",
          
        },
		
	    
    ],
    	"inputs": [
        {
            "id": "Blogname",
            "type": "promptString",
            "description": "输入文章名字",
            "default": "Blogname"
        },
		{
            "id": "cleanBlogname",
            "type": "promptString",
            "description": "输入需要删除文章名字",
            "default": "cleanBlogname"
        },
        ]
	}
	
	
}

在 VSCode 的 tasks.json 文件中，$(zap) 是一个图标名称，用于在任务列表中显示一个图标。这些图标名称是 VSCode 的内置图标，用于在用户界面中提供视觉提示。

VSCode 的图标名称是基于 Octicons 图标集的。Octicons 是 GitHub 的官方图标集，广泛用于 VSCode 的界面中。以下是一些常用的图标名称示例：

$(zap) - 闪电图标，通常用于表示快速或强大的操作.
$(gear) - 齿轮图标，通常用于设置或配置相关的操作.
$(file) - 文件图标，用于表示文件相关的操作.
$(trash) - 垃圾桶图标，用于表示删除或清理相关的操作.

你可以在 VSCode 的任务配置中使用这些图标名称来为任务添加视觉效果，使任务列表更加直观和易于理解.

如果你需要查找更多的图标名称，可以参考 Octicons 的官方文档，其中列出了所有可用的图标及其名称.

外链图片图床

不搞感觉会炸

参考链接1

参考链接2 参考连接3

1
2
3
4


如果加速源无法使用可以更改加速源，将github的设定自定义域名处的cdn.jsdmirror.com改为其他加速源
jsd.onmicrosoft.cn
gcore.jsdelivr.net
testingcf.jsdelivr.net

下面这张图是图床上的 20250107204729 图床快捷键设置

还有一些链接建立网站时候用的

https://www.hughh.top/posts/hugo-guide/