style: 增加 Avatar、调整描述 · juzhiyuan/blog@5a06e80 · GitHub
source link: https://github.com/juzhiyuan/blog/commit/5a06e80f2eb8c8e0f6aa5cb96078fe141c7c86bf
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
增加 Avatar、调整描述 · juzhiyuan/blog@5a06e80 · GitHub
@@ -1,31 +1,71 @@
import Head from "next/head";
import { Link, Text, Heading, Container } from "@chakra-ui/react";
import { Link, Text, Heading, Container, Image } from "@chakra-ui/react";
export default function Home() {
return (
<div>
<Head>
<title>wineso</title>
<meta name="description" content="wineso's Homepage" />
<title>琚致远's Blog</title>
<meta
name="description"
content="琚致远's Blog, also known as Zhiyuan Ju"
/>
<link rel="icon" href="/favicon.ico" />
</Head>
<Container>
<Heading as="h1" fontSize="3xl" mt="10">
Hi there 👋
<Heading
as="h1"
fontSize="3xl"
mt="10"
display={"flex"}
alignItems={"center"}
>
<Image
src="/avatar.jpeg"
width={100}
height={100}
objectFit="cover"
borderRadius={50}
display={"inline-block"}
alt="This avatar is made by Jun Wang, my girlfriend."
/>
Hi there 👋
</Heading>
<br />
<Text>
Head of Community,{" "}
<Text as="u">
<Link href="http://api7.ai" target="_blank">
API7.ai
</Link>
</Text>
.
<Text as="u">
<Link href="https://apisix.apache.org" target="_blank">
Apache APISIX
</Link>
</Text>{" "}
PMC.
<Text as="u">
<Link href="https://chinese.freecodecamp.org/" target="_blank">
freeCodeCamp China
</Link>
</Text>
</Text>
<br />
<Text>
I'm <Text as="mark">Zhiyuan Ju</Text> (or{" "}
<Text as="mark">琚致远</Text> in Chinese), an OSS lover and fullstack
web engineer. I'm currently working on{" "}
web engineer. I'm working on{" "}
<Text as="u">
<Link href="https://apisix.apache.org" target="_blank">
Apache APISIX
</Link>
</Text>
, which is a high performance API Gateway. I'm also gald to share my
stories so that more people will get benefits from me if possible.
since 07/2019, it's a high performance API Gateway. I'm also gald to
share my stories so that more people will get benefits from me if
possible.
</Text>
<br />
<Text>
@@ -53,6 +93,12 @@ export default function Home() {
<Text as="u">
<Link href="/blog">Blog</Link>
</Text>
<Text as="u">
<Link href="https://calendly.com/zhiyuanju/30min" target="_blank">
Calendly
</Link>
</Text>
</Container>
</div>
);
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK