#7086·keystone

自定义徽标中的 PNG 会导致无声构建失败。

作者: gwyneplaine创建于 2021年12月13日更新于 2025年11月18日

遵循自定义徽标流程,添加一个 png 文件:

bash
/** @jsxRuntime classic */
/** @jsx jsx */
import Link from 'next/link';
import { jsx, H3 } from '@keystone-ui/core';
import Logo from './Logo.png';

export const CustomLogo = () => {
  return (
    <H3>
      <img src={Logo.src} />
      <Link href="/" passHref>
        <a
          css={{
            // TODO: 我们的设计系统中没有适用于此的颜色。
            backgroundImage: `linear-gradient(to right, #0ea5e9, #6366f1)`,
            backgroundClip: 'text',
            lineHeight: '1.75rem',
            color: 'transparent',
            verticalAlign: 'middle',
            transition: 'color 0.3s ease',
            textDecoration: 'none',
          }}
        >
          LegendBoulder After
        </a>
      </Link>
    </H3>
  );
};
运行 `yarn build`

内容来源: keystonejs/keystone