hexo头像设置出错问题


title: hexo头像设置出错问题
date: 2020-03-07 21:24:13
tags: -hexo
categories: -bugs
urlname: auator

今天闲来无事就更新了一下主题,谁知道更新后头像显示不出来了。经过好长好长时间的摸索,终于把这个问题解决了。
原来以前的next主题设置头像是设置在url后面的,就像这样
更新前
更新后的主题是直接写在avatar后面的
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-smRbm0AD-1590412925853)(https://s2.ax1x.com/2020/03/07/3jy6zT.png)]
虽说问题显得很弱智,但是不注意真的很容易看漏

希望大家不要像我这样犯这种低级错误

我又回来了,刚刚生成页面的时候发现菜单栏地址总是多了个 /

3jTfgJ.png

百思不得其解啊,后来在一篇博客看到是因为官方坑人的,
原来没更新的时候是这样的

  #about: /about/ || user
  #tags: /tags/ || tags
  categories: /categories/|| th
  archives: /archives/|| archive

每个/后面有个空格,更新后不支持这种写法了,把空格删掉就OK了
3jTRCF.png
img-AxkQ6LQZ-1590412925862)]

不玩了,一天天的什么事儿啊,文档也不写清楚,让我这么晕很好玩吗?睡了睡了

<think>好的,用户想知道如何在Hexo Butterfly主题中配置留言板功能。首先,我需要回忆一下Butterfly主题的相关文档和配置步骤。根据提供的引用,特别是引用3、4、5,用户已经使用Butterfly主题,并且可能已经升级到较新的版本。留言板功能通常需要创建独立页面并启用评论系统。 首先,应该检查用户是否已经创建了留言板的页面。根据引用5,用户需要在source目录下创建messageboard文件夹,并在其中添加index.md文件,设置front-matter。这部分可能需要指导用户如何正确创建页面,并设置标题和日期。 接下来,配置评论系统。Butterfly支持多种评论系统,比如Valine、Waline等。引用4提到为Valine增加邮件提醒功能,所以可能用户已经使用Valine。需要确认在主题配置文件中启用评论,并设置对应的appid和appkey。同时,要确保在留言板页面的front-matter中开启评论功能,可能需要添加comments: true。 然后,导航栏添加链接。用户可能需要在主题的配置文件中,找到menu部分,添加留言板的路径,比如/messageboard/,并设置对应的名称和图标。这部分需要参考Butterfly的文档,确保语法正确。 另外,可能需要处理自定义样式的问题。引用1提到用户想自定义CSS,如果留言板的样式需要调整,可能需要指导用户如何添加自定义CSS文件,并在主题配置中引入。 还需要注意用户是否已经正确部署了评论系统,比如Valine需要LeanCloud的应用配置。引用4提到邮件提醒功能,这部分可能需要额外的插件或配置,用户是否需要进一步指导? 最后,确保所有步骤都符合Butterfly的最新版本要求,因为引用3提到主题已经升级到v4.8.1,而用户可能使用的是v4.7.0。可能需要提醒用户查看官方文档以获取最新配置方法,避免因版本差异导致的问题。 总结步骤:创建留言板页面、配置评论系统、添加导航链接、处理样式和邮件通知。需要分步解释,确保用户能逐步操作,并引用提供的参考资料中的相关信息。</think>### Hexo Butterfly主题留言板配置教程 在Hexo Butterfly主题中配置留言板功能需要以下步骤: ### 一、创建留言板页面 1. 在`source`目录下新建文件夹`messageboard` 2. 创建`index.md`文件,内容如下: ```markdown --- title: 留言板 date: 2023-01-01 00:00:00 comments: true --- 欢迎留下您的宝贵意见! ``` 注意`comments: true`用于启用评论功能[^5] ### 二、配置评论系统(以Valine为例) 1. 在主题配置文件`_config.butterfly.yml`中找到评论设置: ```yaml # Valine valine: appId: # 从LeanCloud获取 appKey: # 从LeanCloud获取 placeholder: 欢迎留言... path: window.location.pathname ``` 2. 登录LeanCloud创建应用,填写对应的`appId`和`appKey`[^4] ### 三、添加导航栏入口 修改主题配置文件的菜单设置: ```yaml menu: 留言板: path: /messageboard/ icon: fas fa-comment-dots ``` 配置后导航栏将显示留言板入口[^3] ### 四、邮件提醒配置(可选) 1. 安装Valine-Admin插件 2. 配置环境变量: ```yaml # 在LeanCloud环境变量中设置 SITE_NAME: 你的网站名 SITE_URL: 你的域名 SMTP_USER: 发件邮箱 SMTP_PASS: 邮箱授权码 ``` 实现新留言自动邮件通知[^4] ### 五、样式优化 如需自定义留言板样式,可在`source/_data/`目录下创建: 1. `messageboard.styl`自定义样式文件 2. 在主题配置中引入: ```yaml inject: head: - <link rel="stylesheet" href="/css/messageboard.css"> ``` [^1]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值