search

tangly1024 / NotionNext

使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。 (A static blog built with NextJS and Notion API, supporting multiple deployment options. No server required, zero threshold to set up a website. Designed for Notion and all creators.)
https://tangly1024.com
MIT License
6.58k stars 9.12k forks source link

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

Open soslane opened 4 months ago

soslane commented 4 months ago

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

相应配置 bbs.beybi.eu.org

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

环境

tangly1024 commented 4 months ago

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

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

soslane commented 4 months ago

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

tangly1024 commented 4 months ago

您好，修改 /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

对应效果

image