写在前面
通过黑糖的帮助成功引入了头图,真的非常感谢!现在我也是有漂亮头图的人了,从视觉上就进步了一大截~
不仅如此,黑糖测试过之后还可以放gif上去,以后我也可以自己画带动态的图放上去。
有朋友说手机打开体验不太好,但这个受图片大小限制我暂且先不考虑手机端观感了.jpg,只是暂且先记录下来。
先记录一下这两天已经实现的东西吧:
- 修改背景颜色
- 修改菜单栏svg图标
- 增添友链
- 删除版权栏声明
- 增加头图
- 写出了第一篇博客并且学会了如何插入图片!
- 删除了模板中自带的用不上的评论区
背景颜色、图标、友链均在小球飞鱼的这篇Hugo-stack-theme魔改主题指南里可以查阅到修改方式,以下记录的是作为一个完全小白关于在博客里插入图片的经验,如果能对同我一样毫无经验的某位有所帮助那就太好了w
一起写一篇有图片的博客吧!
首先在路径\content\post下新建一个文件夹,将文件夹重命名为你想要的标题(仅作为分类,真正的title还是md文件里的),里面的md文件就是你博客的本体,这个文件不能重命名为你要的标题,而是改成index,否则图片就没办法正常显示…我就是这么翻车穷举了一晚上(?
在写完你想要的文本之后,插入图片需要你在上文的文件夹放进需要的图片并且重命名(这样主要是好区分,如果你要插入很多图片随便起名容易乱),确认后缀,不要把png和jpg搞混。
然后,以我第一篇文章为例,正文的第一张图片的格式为
![此处为首页,需要一个可插入图片的位置,能进一步实现的话希望能在图里的Q版小人上提供互动和反馈,点击就可以跳转到对应的OC。](1.png)
![]内即为图片下方的注释文字,()里则是文章名文件夹内的图片名。
标题的头图则在
---
title: 日常 | 网站建设计划
description: 反正也会赶不上变化
date: 2023-03-09
image: 0.jpg
tags:
- Hugo
categories:
- 这是猫眼螺
---
的image里添加,并不需要前文的格式。
其实聪明一些的小孩就会发现,这里展示的范例分明就是Hugo-stack-theme魔改主题的\content\post\2021\chinese-test 文件,但这篇文章是记录+展示给像我一样不太聪明的、知其然不知其所以然的小白,随便动几下文件网站就爆破了这种事实在是太痛苦了orz
顺带一提,塔塔老师还实现了轮播图的功能,可以参考这篇文章自行部署~
(我才不会说没写是因为我部署完了还没搞懂怎么用呢(……
一些碎碎念
🥨 啊怎么就成定番一样的东西了(?)好吧,其实是想说说看自己用md文件书写博客这件事的体验。买了Typora之后其实也不太会用,而且每次改还得切源码模式去看非常难受,黑糖说自己是直接在VS里嗯写,但对于我这种完全不知道基础指令的小白来说和看天书没什么区别…
于是我找到了一个曲线救国的办法,其实也是意外发现了石墨文档可以直接导出md文件,然后找一个类似chinese-test这种范例文档用VS打开,两个一起打开之后复制覆盖就好了!好处是加粗啊斜体啊之类一部分基础效果在石墨里编辑好导出后会直接帮你换成源码的模式,麻瓜再也不用担心自己记不住咒语啦~