hexo stellar主题站点信息设置(title/avatar/url)

在搭建了hexo博客以后,想给博客加个头像,这是我最后的效果,但是一开始我的hexo博客一直不显示头像,在看了网上的很多教程并且配置数次以后,终于成功,整理一下。

hexo stellar主题站点信息设置(title/avatar/url)_第1张图片
官网的配置教程是这样说的:

hexo stellar主题站点信息设置(title/avatar/url)_第2张图片

设置方法

所有的title、avatar都是在博客根目录下的_config.yml设置的

hexo stellar主题站点信息设置(title/avatar/url)_第3张图片

title设置

title直接设置就行,没啥说的,把原来的Hexo换成你自己的博客名就好了。

avatar设置

avatar是设置头像,建议头像图片是线上的,或者放在图床上,我试过放在自己的本地目录,但是显示不出来。
hexo stellar主题站点信息设置(title/avatar/url)_第4张图片
如果放在本地目录,按照网上的教程,比如设置的是

avatar: /images/redcell.jpg

图片要放在上面对应的(这里是根目录/themes/stellar /source/images/redcell.jpg
【其他主题应该】
hexo stellar主题站点信息设置(title/avatar/url)_第5张图片
测试了本地local4000是可以显示的,但是部署到github就显示不了了,所以还是把图片放在图床上比较好。

另外在主题里的配置文件里_config.yml酌情修改
hexo stellar主题站点信息设置(title/avatar/url)_第6张图片
拉下来看到avatar的选项,这个括号里原来是(/about/)

hexo stellar主题站点信息设置(title/avatar/url)_第7张图片
但是我没有设置我的about界面,这个意思我想是点击头像然后跳转到about界面介绍你自己,但是我还没有设置about所以这边先给它设置为单斜杠(/)。事实上,如果按照原来(/about/)的设置,点击头像会跳转到https://username.github.io/about,没有设置这个链接下的内容当然会显示404了。

注意按照网上说的,直接设置成下面这样会报错,原因是stellar源码设置的和其他主题不一样。

avatar: 
  url: /images/redcell.jpg
  rounded: true
  rotated: true

url设置

url就设置成自己的网站链接就可以了。

hexo stellar主题站点信息设置(title/avatar/url)_第8张图片

你可能感兴趣的:(博客搭建,github,git)