Featured image of post 使用hugo-stack遇到的问题和解决方法

使用hugo-stack遇到的问题和解决方法

仅供参考

# 0基础教学

# 博文头信息解析

title: 博文标题
description: 副标题/博文描述
date: 日期2024-04-21
slug: 博文代号/博文url/若使用已有的slug,则会直接覆盖,因为文件目录唯一
image: 封面图片.jpg
categories:

  • 博文标签1
  • 博文标签2

# 网站图片插入问题

Hugo 静态网站图片插入问题

新版hugo-stack直接复制example的内容会出现无法加载图片的问题。 因为对于新版的的hugo主题,他默认静态资源都是存储在static文件夹下, 所以图片路径不能存放到.md同目录,而是需要放到static文件夹,同时保持相对路径。

# MarkDown常用语法

MarkDown常用语法

# 插入图片

测试图片相对路径
Photo by Luca Bravo on Unsplash

1
2
![测试图片相对路径](./1.jpg)  
![Photo by Luca Bravo on Unsplash](luca-bravo-alS7ewQ41M8-unsplash.jpg) 

控制菜单栏的文件目录

\content\page\

头信息解析

1
2
3
4
5
6
7
title: "标题"
layout: "查找3" # 搞不懂
menu:
    main:
        weight: 100 #控制菜单项位置顺序,数值越大越下面,越小越上面 
        params: 
            icon: user #图标去网站看代码

# 头像路径

\themes\hugo-theme-stack\assets\img 其实可以直接改路径,但是还是直接替换原图片最简单好懂

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计