Hugo的Stack主题配置记录02-左侧栏跳转-图片插入路径

解决了一些小问题,之前建站留下的小问题

一、左侧栏的正确跳转

  • 点击图标后跳转到链接栏中有二维码

    config.yaml中修改跳转链接到/post/link即可

  • 点击"链接"后出现二维码

二、文章图片的正确插入

1.文章封面图片

  • \content\post中的文章
    ##Front Matter图片插入记得要添加/post/路径

例如: image: /post/123.png

---
title: 文章标题
date: 2024-07-23 10:00:00
tags:
  - 标签1
  - 标签2
categories:
  - 分类1
  - 分类2
#这里的就是文章封面图片  
image: /post/stack-logo-128.png
---
  • 这里注意\content\page\中的文章

    在文章内部的时候,

    ![图片](123.jpg)不需要添加/post/路径

2.文章内部图片

  • \content\post\中需要添加多个图片

    可以放入文件夹中,避免多个md文件和多个图片堆在一起。【注意:可以不写明在哪个文件夹,直接写/post/文件名即可】

    例如:![image-20240607184445492](/post/123.png)

    ![image-20240607184336146](/post/文件夹/123.png)这样详细写明最好,实现图片的插入。

其实在/post目录中用/post/123.png这样的方式,会自动搜寻/post目录下的123.png文件,(自我理解)所以不用写明中间的/before文件夹。

最后:

  • Front Matter中的links项的路径也一样需要加post,从post路径开始必须指定路径清晰到文件
links:

 \- title: Bilibili

  description: bilibili是国内知名的视频弹幕网站,这里有及时的动漫新番,活跃的ACG氛围,有创意的Up主。大家可以在这里找到许多欢乐。

  website: https://www.bilibili.com/

  image: /post/logo/Bilibili_Logo_Blue.svg
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值