关于 gitee+hexo+typora 如何设置各种封面和顶部图片

关于 gitee+hexo+typora 如何设置文章封面、文章顶部图片和总封面

以下相对于主题butterfly而言：

封面与顶部图像的设置

• 首先，打开所搭建博客框架的img文件夹 路径为：public/img，在这个文件夹里新建一个文件夹命名为 top-img(可以是别的名称)用来存放将要设置的封面与顶部图片。

​

• 然后打开themes主题下的_config.yml，路径为themes/butterfly/config.yml。

• 然后使用文本编辑器的查找功能（我使用的是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文档模板改动

• 打开scaffolds文件夹里面的post.md文件，进行自定义更改即可。

可以点击这里进入我的我的博客查看效果