修复图像无法显示的问题

Author: Wing-summer

_config.yml

@@ -18,7 +18,7 @@
 ##############################
 text_skin: dark # "default" (default), "dark", "forest", "ocean", "chocolate", "orange"
 highlight_theme: tomorrow-night-eighties # "default" (default), "tomorrow", "tomorrow-night", "tomorrow-night-eighties", "tomorrow-night-blue", "tomorrow-night-bright"
-url     : # the base hostname & protocol for your site e.g. https://www.someone.com
+url     : https://wing-summer.github.io/WingHexExplorer2 # the base hostname & protocol for your site e.g. https://www.someone.com
 baseurl : # does not include hostname
 title   : WingHexExplorer2
 description: > # this means to ignore newlines until "Language & timezone"

about.md

@@ -30,13 +30,13 @@ key: page-about
 ## 关于软件
 
 <p align="center">
-<img alt="" src="assets/images/appicon.png" width=200 />
+<img alt="" src="{{site.url}}/assets/images/appicon.png" width=200 />
 </p>
 
 该软件起源于`WingHexExplorer`，是它的重构翻新版本，修复了大量的 Bug，增强功能。原来的版本是基于`DTK`做的，所以仅仅支持某些`Linux`发行版。原本在`Linux`上没有发现跟`Windows`上媲美好用的开源软件，于是在 2022 年 6 月，我创建了代码仓库开始开发，最后依次更新是在 2023 年 7 月，持续了一年的时间。最后软件长这个样子：
 
 <p align="center">
-<img alt="" src="assets/images/old-screenshot.png"/>
+<img alt="" src="{{site.url}}/assets/images/old-screenshot.png"/>
 </p>
 
 从图上看，这其实是我现在十六进制编辑器的原型。此时软件已经具备插件系统和`Python`脚本的支持，不过仅支持单文件编辑，也没有特别强大，但已经十分够用，并且具有一定的复杂度和专业性。
@@ -50,7 +50,7 @@ key: page-about
 ## 关于作者
 
 <p align="center">
-<img alt="作者" src="assets/images/author.jpg" width=200 />
+<img alt="作者" src="{{site.url}}/assets/images/author.jpg" width=200 />
 </p>
 
 网名/昵称是寂静的羽夏，英文网名有`wingsummer`、`Wing-summer`或`WingSummer`这三种。中国人，羽云系列软件发起人和目前唯一维护者，一个热爱开源的非科班专业贡献者，是一位热爱计算机技术的菜鸟。目前在维护的代表作：[WingHexExplorer2](https://github.com/Wing-summer/WingHexExplorer2)、[WingGifEditor2](https://github.com/Wing-summer/WingGifEditor2) 以及相关插件。
@@ -66,6 +66,6 @@ key: page-about
 <p align="center"><b>您的每一份支持都将是我开源的强大动力，十分感谢您的支持</b></p>
 
 <p align="center">
-<img alt="捐助" src="/assets/images/Donate.jpg" />
+<img alt="捐助" src="{{site.url}}/assets/images/Donate.jpg" />
 <p align="center">感谢支持</p>
 </p>

docs/zh/1.1-intro.md

@@ -9,13 +9,13 @@ key: docs-introduction
 {:.info}
 
 <p align="center">
-<img alt="软件截图" src="/assets/images/screenshot.png" />
+<img alt="软件截图" src="{{site.url}}/assets/images/screenshot.png" />
 <p align="center">羽云十六进制浏览器</p>
 </p>
 
 <p align="center">
-<img alt="wingsummer" src="/assets/images/authorband.svg" />
-<img alt="AGPL-v3.0" src="/assets/images/licenseband.svg" />
+<img alt="wingsummer" src="{{site.url}}/assets/images/authorband.svg" />
+<img alt="AGPL-v3.0" src="{{site.url}}/assets/images/licenseband.svg" />
 </p>
 
 一个自由的强大免费的十六进制编辑器，基于 QT C++ 进行开发，作者是 [寂静的羽夏](https://www.cnblogs.com/wingsummer) 。
@@ -58,6 +58,8 @@ sudo apt install qt6-default qt6-base-dev qt6-base-private-dev qt6-tools-dev lib
 
 ### 在 QtCreator 中编译
 
-![image-20241009012251972](/assets/markdown-pic/introduction/image-20241009012251972.png)
+<p align="center">
+<img alt="" src="{{site.url}}/assets/markdown-pic/introduction/image-20241009012251972.png" />
+</p>
 
 把项目文件夹拖进去 QtCreator，点击左下角的电脑图标，选择`Debug`或者`Release`版本，然后点击最下方的锤子图标进行构建，稍等十分钟左右，即可构建完成，点击绿色三角图标运行即可。

docs/zh/2.1-basis.md

@@ -12,24 +12,24 @@ key: docs-basis
 当安装完毕软件后你直接打开程序时，就会得到如下界面：
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/1-1.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/1-1.png" />
 </p>
 
 该程序也可以在 root 权限运行，你就会看到如下的界面：
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/1-2.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/1-2.png" />
 </p>
 
 如果眼尖的话你就能看到区别，你可以看到图标和中间区域的图标有所不同，在颜色上色相是相反的，同时在 root 会有蓝色的骷髅：
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/1-3.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/1-3.png" />
 <p align="center">用户权限</p>
 </p>
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/1-4.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/1-4.png" />
 <p align="center">root 权限</p>
 </p>
 
@@ -40,7 +40,7 @@ key: docs-basis
 下面我们先从全面的视角来看看这个软件的界面结构：
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/1-5.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/1-5.png" />
 </p>
 
 - 菜单工具栏：包含编辑文件和操作的一些工具。
@@ -53,7 +53,7 @@ key: docs-basis
 菜单工具栏是该软件的几乎所有功能大集合体。软件自带的和插件、脚本注册的功能全都会在这里面显示。插件可以在这里面追加新的分类方便自己大量功能的集成。它默认有：**文件、编辑、视图、脚本、设置、关于** 这四个选项卡，每个选项卡都有自己负责的任务，至于每块功能的详细介绍将会分步在后面几个章节进行介绍。
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/image-20241009110510461.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/image-20241009110510461.png" />
 </p>
 
 视图-工具中的各勾选对应的选项卡
@@ -92,7 +92,7 @@ Dock 区是除编辑区、菜单工具栏、状态栏之外的贴边窗体的统
 以暗色主题为例，再把上面的图拿下来：
 
 <p align="center">
-<img alt="" src="/assets/markdown-pic/basis/1-5.png" />
+<img alt="" src="{{site.url}}/assets/markdown-pic/basis/1-5.png" />
 </p>
 
 标注为编辑区的文档不是当前文档，而当前文档是标记为 Dock 区的十六进制编辑区。首先**上边缘**的颜色**明显区别于**其他普通标签的颜色，并且**右边缘和上边缘同色**，这是判断是否为当前文档的唯一区别，也希望后面其他主题也遵循这种类似的设计。

docs/zh/credits.md

@@ -6,7 +6,7 @@ key: docs-credits
 ## 鸣谢
 
 <p align="center">
-<img alt="羽云十六进制编辑器2" src="/assets/images/appicon.png" />
+<img alt="羽云十六进制编辑器2" src="{{site.url}}/assets/images/appicon.png" />
 </p>
 
 🏅 如果您对本项目文档有贡献，但被忘记记录在内。首先对疏忽遗漏的情况表示抱歉，请 [联系我](https://github.com/Wing-summer) 补充。