【Hexo主题】Logo支持用图片，如何把左上角文字变成图标

[soslane]

描述遇到的问题 如何把Hexo主题的左上角文字变成图标

相应配置 bbs.beybi.eu.org

截图 相关的页面，应该用结果

环境

• 操作系统: [例如. iOS, Android, macOS, windows]
• 浏览器 [例如. chrome, safari, firefox]
• 版本 [e.g. 22]

[tangly1024]

暂不支持配置的方式，但可以尝试通过修改代码实现。

/themes/hexo/components/Logo.js 是左上角文字的代码，您可以尝试将文字部分也替换成图片即可。

[soslane]

我还是不太明白怎么修改。代码不太看得懂。还有是修改/themes/heo/components/Logo.js这个文件还是修改/themes/hexo/components/Logo.js 这个文件。我的主题是hexo。下面是/themes/hexo/components/Logo.js的代码 麻烦博主帮我看看

[tangly1024]

您好，修改 /themes/hexo/components/Logo.js 文件即可 以下是示例代码：

import { siteConfig } from '@/lib/config'
import Link from 'next/link'

const Logo = props => {
  return (
    <Link href='/' passHref legacyBehavior>
      <div className='flex justify-center items-center cursor-pointer space-y-3'>
        {/* eslint-disable-next-line @next/next/no-img-element */}
        <img src='/avatar.png' className='w-auto h-10'/>
        <div className='invisible font-medium text-lg p-1.5 rounded dark:border-white dark:text-white menu-link transform duration-200'> {siteConfig('TITLE') }</div>
      </div>
    </Link>
  )
}
export default Logo

对应效果