hugo 导入图片，两种方式

最新推荐文章于 2024-06-24 20:45:06 发布
最新推荐文章于 2024-06-24 20:45:06 发布
阅读量7.6k 收藏 6
点赞数 11
分类专栏： hugo 文章标签： hugo
帮助到你的话，点个赞，鼓励一下，欢迎加入我的置顶博客设置的技术交流群。
本文链接：https://blog.csdn.net/qq_38340601/article/details/108900666
版权

本人的hugo示例图片演示站点

引入图片的关键是：图片的绝对路径与相对路径

第一种方式：(图片资源放置在根目录下的static下，也就是网站的绝对路径)

图片存放位置

在这里插入图片描述

引入图片的markdown代码

![](/images/two_images.jpg)

分析：图片请求路径

在这里插入图片描述

第二种方式引入（使用相对路径）

图片存放位置

在这里插入图片描述

引入图片的markdown代码

![](girl_images.jpg)

分析：图片请求路径，这个demo，要和博客文件名相同(我这里此篇博博客的文件名叫demo)，所以需要新建demo文件夹。

在这里插入图片描述

帮助到你的话，点个赞，鼓励一下，欢迎加入我的置顶博客设置的技术交流群，不搞代课推广，让我们一起向诗靠拢。

Neo4j原理与代码实例讲解
程序员光剑
06-13 979
Neo4j原理与代码实例讲解 1.背景介绍 1.1 图数据库的兴起 随着大数据时代的到来,传统的关系型数据库在处理高度关联的复杂数据时遇到了瓶颈。图数据库作为一种新兴的NoSQL数据库,其天然的图结构和灵活的数据模型,使其在处理高度关联数据时具有
Elasticsearch多字段搜索与价格范围过滤的Go语言实现
最新发布
程序员光剑
07-27 25
在当今数字化时代，快速而精准的信息检索已成为各行各业的刚需。无论是电子商务平台、新闻门户网站，还是企业内部的文档管理系统，都需要一个强大的搜索引擎来支撑。Elasticsearch作为一个分布式、RESTful风格的搜索和分析引擎，凭借其高性能、可扩展性和灵活性，在全文检索领域占据了重要地位。本文将深入探讨如何使用Go语言实现Elasticsearch的多字段搜索和价格范围过滤功能。这两个功能在实际应用中极为常见，尤其是在电子商务领域。例如，用户可能想要搜索特定品牌、型号的商品，同时限定价格区间。
Hugo如何在markdown里引用本地图片
perfume
12-22 3361
在Hugo上写文章的时候，肯定会遇到要插入图片的情况。 我们在content/post目录下的markdown文件里应该怎么引用图片，才能让网站能正常显示图片呢？
hugo 图片_使用Hugo和GitHub搭建博客
weixin_26735445的博客
01-04 514
Photo by Miguel Á. Padriñán from Pexels折腾了几天博客的框架终于搭建起来了。研究了一番之后，最终还是选择使用Hugo和GitHub来搭建博客。本文介绍了如何使用Hugo来搭建静态博客网站，并将其部署在GitHub上。使用https://<USERNAME>.github.io或者自定义的域名访问博客。Hugo的安装和使用[1]Hugo的安装初步使用...
【个人博客网站】如何使用hugo搭建个人博客网站
qq_65795785的博客
06-24 969
个人记忆力又不咋地，平时很容易把重要或者重复的知识忘记，所以抽空研究了博客网站的搭建，方便查找知识点，但我没学JS，深入学又耗费时间，如果你也有和我的一些情况，想自己创建一个网站“玩玩”，那么请看下去，希望自己的一些经历能对想短期内创建静态网站、且没学过网站设计的朋友有所帮助。在这里我就只推荐hugo，因为本人用的就是hugo，其他的并不是很了解（如果你有更好的方法还请通过留言告诉我，谢谢！），首先确定自己要装在哪个系统上，比如装在Windows、Linux或者Mac（苹果系统），这里我使用Window系统
hugo 图片_使用 hugo 搭建静态博客
weixin_42282482的博客
12-28 1035
Hugo logo安装 hugo安装 hugo 最通用的方法是到 github hugo-release 下载编译好的二进制文件，下载完后解压即可使用。hugo 首页。在 Linux 系统中，可以将 hugo 二进制文件拷贝到 /usr/local/bin/文件夹下，这样就可以在命令行中直接运行 hugo。在 Windows 系统中，可以将 hugo 二进制文件的路径添加到 PATH 环境遍历中。...
hugo加入mermaid作图
02-02 1296
1、画图 vi content/post/first.md draft: false #添加下面代码 &lt;div class="mermaid"&gt; graph LR A --- B B--&gt;C[fa:fa-ban forbidden] B--&gt;D(fa:fa-spinner); &lt;/div&gt; 2、添加mermaid脚本 vi ...
kbone 高级 - 自定义 app.js 和 app.css
关注我！带你一路 "狂飙" 到底！
09-09 323
在开发过程中，可能需要监听 app 的生命周期，这就需要开发者自定义 app.js。
hugo 图片_55.使用Hugo快速建站
weixin_42295859的博客
12-28 313
安装Hugo不使用数据库存放文章数据,每一篇文章都是一个markdown文件.hugo可以server运行,也可以编译成静态的html页面,让Nginx运行解析.因为是纯静态页渲染,性能超强……到 Hugo Releases 下载对应的操作系统版本的Hugo二进制文件,解压到/usr/local/bin/这样就可以直接使用 hugo 命令了创建站点#hugo new site /path/to/s...
Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR）
qq_43456781的博客
10-27 2160
Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR） 文章目录Vite（三）部署静态站点（wordpress与hugo与Vercel、CI/CD、Travis CI、GitLab CI）、环境变量与模式、服务端渲染（SSR）1. 部署静态站点构建应用本地测试应用GitHub PagesGitHub Pages 配合 Travis CIGitLab Pages 配合 GitLab CINetlifyG
[知识图谱构建] 二.《Neo4j基础入门》基础学习之创建图数据库节点及关系
杨秀璋的专栏
12-19 1万+
该系列文章主要讲解知识图谱及Neo4j图数据库的用法，本篇文章是作者学习《Neo4j基础入门》书籍的在线笔记，主要讲解Neo4j的基础知识及基本语法，希望大家喜欢。
Unity3d 周分享（19期 2019.6.22 ）
游戏路上的小学生
06-22 2554
选自过去1~2周 自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧 1、 #UnityTips您知道OnOpenAsset属性吗？ 它允许您在项目窗口中双击资源时调用方法。 例如可以用来打开/编辑一些scriptableobject。 2、https://www.febucci.com/2018/11/unity-tips-col...
【Hugo】markdown引用本地图片
EddyCliff的博客
08-13 658
本文简单介绍了【Hugo】如何在markdown引用本地图片。
html怎么引用桌面图片,html怎么引入图片？
weixin_39687189的博客
05-31 2024
本文介绍了在html中插入图片的方法，主要使用了html中的img标签，通过指定src属性即可插入图片，下面我们就来学习下吧。html怎么引入图片？html中插入图片可以使用img标签来实现。1、新建html文件，如图所示，在body标签中插入img标签，img标签是一个单标签。给标签添加“src”属性，属性值填写想要添加图片的路径，这里以和html同一目录下的1.png为例，这样图片就插入完成了...
使用hugo制作静态个人界面
u011138254的博客
04-21 2654
安装hugo 建议到如下链接下载对应文件，使用go get挺慢的。 https://github.com/gohugoio/hugo/releases 安装hugo 生成site并且clone 对应皮肤的Git 调试 ：hugo server --theme=hyde --buildDrafts 打开http://localhost:1313 实时调试 生成部署：hugo --theme=hyd...
一个简单的Hugo静态博客工具
soEase
10-18 236
因为家里领导需要一个记录的东西，自然就推荐了Hugo。不过对于非IT人士，电脑小白来说，Hugo依然显示得复杂了一点。花了一天时间搞了一个周边工具。当然它还很粗糙，先用着吧。
Hugo的使用
热门推荐
李欢欢的博客
10-30 1万+
文章目录1. hugo的使用方法1.1. 下载与配置1.2. 使用过程1.2.1. hugo常用命令1.2.2. `hugo init`所生成的文件夹及文件作用1.2.3. config.toml参数说明1.2.4. Markdown中相关部分的说明1.3. 发布到github1.4. 遇到的问题1.4.1. Hugo中Markdown插入图片路径问题1.4.2. Hugo主题修改1.4.3. 命...
hugo本地服务器不显示文章,使用hugo搭建静态markdown博客
weixin_42347415的博客
08-06 2080
前言 (这一段唠嗑,请自行跳过)其实想要搞一个博客已经有一段时间了。由于种种原因(其实就是懒)，一直没有真的动手。说起原因，我觉得比较重要的就是：现在市面上的博客已经有很多了，我也想不到什么特色功能，也就没有什么动力自己动手写一个博客。之前有尝试过一些开源的项目，但是均以失败告终了(不是项目不好，是有其他原因的)。下面说说尝试过的一些开源项目:wordpress。wordpress 是一个基于 p...
正确使用hugo主题的姿势
UntilTheCore的博客
04-28 6867
在《如何用hugo搭建个人博客》已经介绍了简单的主题引入办法，这里就不再赘述了。 现在我们来讲讲如何配置我们下载的新主题！（内容可能不多不全，Hugo的使用还在摸索阶段） 下载主题前要先看主题的Demo，看是否是自己想要的。没有Demo示例给看那就clone下来后跑起来看看是不是中意的，但是有的clone到的主题有可能较精简，怎么办呢？往下看。 选好中意的主题了，那么就一定要看作者的配置介...
linux安装hugo
03-31
Hugo是一个用于创建静态网站的开源框架，它基于Go语言开发。在Linux上安装Hugo可以按照以下步骤进行： 1. 首先，确保你已经安装了Go语言环境。你可以通过运行`go version`命令来检查是否已经安装。 2. 打开终端，并使用以下命令下载Hugo的二进制文件： ``` wget https://github.com/gohugoio/hugo/releases/download/v0.88.1/hugo_0.88.1_Linux-64bit.tar.gz ``` 3. 解压下载的文件： ``` tar -zxvf hugo_0.88.1_Linux-64bit.tar.gz ``` 4. 将Hugo二进制文件移动到系统的可执行路径中： ``` sudo mv hugo /usr/local/bin/ ``` 5. 确认Hugo是否成功安装，运行以下命令检查版本： ``` hugo version ``` 现在，你已经成功安装了Hugo。你可以使用Hugo来创建和管理静态网站。如果你需要更多关于Hugo的信息，可以参考Hugo的官方文档。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值