关于 gitee+hexo+typora 如何设置文章封面、文章顶部图片和总封面
以下相对于主题butterfly而言:
封面与顶部图像的设置
- 首先,打开所搭建博客框架的img文件夹 路径为:
public/img
,在这个文件夹里新建一个文件夹命名为top-img
(可以是别的名称)用来存放将要设置的封面与顶部图片。
- 然后打开themes主题下的
_config.yml
,路径为themes/butterfly/config.yml
。
![](https://img-blog.csdnimg.cn/90026d97bd594c94bb8afc91f296c5da.png)
-
然后使用文本编辑器的查找功能(我使用的是VScode)找到这里
-
在这里
favicon
后直接跟图片路径为网站头标也就是在这里显示的图标
-
avatar
后img:
后的路径为博客头像,是这个地方的图像: -
default_top_img:
后面是当图片显示错误是的代替图片 -
index_img:
后是当你进入你的网站时显示的图像 -
archive_img:
是你点击头像下面的文章进入的页面的顶部图 -
tag_img:
是你点击头像下面的标签进入的页面的顶部图 -
category_img:
是你点击头像下面的分类进入的页面的顶部图
对于路径的设置可以有绝对路径和相对路径两种方式。
绝对路径无话可说。
对于相对路径就使用img/top-img/XX.XX
这里top-img
是刚刚创建的文件夹。
对于文章封面和顶部图的设置
采用相似的方法即可,打开public中的img文件夹,新建一个这个md文档所需要的文件夹存放图片,然后使用相对路径引用或者使用网络图片绝对路径引用。
在所需要的md文档中
头部添加cover
作为文章封面,top-img
作为文章打开后的头部图。
可以使用相对路径和绝对路径,但是需要注意,引用绝对路径时,不能添加date
那一项标签,否则会发生未知错误。
对于每次使用
hexo new
生成md文档模板改动
hexo new
生成md文档模板改动
- 打开
scaffolds
文件夹里面的post.md
文件,进行自定义更改即可。