9

Github chore: 初始化项目结构 (#45) · juzhiyuan/blog@5fbbe05 · GitHub

 3 years ago
source link: https://github.com/juzhiyuan/blog/commit/5fbbe05159e121aad3e6f77a954fcf2593f6496f
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.
neoserver,ios ssh client
初始化项目结构 (#45) · juzhiyuan/blog@5fbbe05 · GitHub
Showing with 1,099 additions and 207 deletions.

@@ -8,6 +8,10 @@

"start": "next start"

},

"dependencies": {

"@chakra-ui/react": "^1.6.3",

"@emotion/react": "^11",

"@emotion/styled": "^11",

"framer-motion": "^4",

"next": "10.2.3",

"react": "17.0.2",

"react-dom": "17.0.2"

@@ -1,7 +1,13 @@

import '../styles/globals.css'

import type { AppProps } from 'next/app'

import { ChakraProvider } from "@chakra-ui/react"

import theme from '../theme'

function MyApp({ Component, pageProps }: AppProps) {

return <Component {...pageProps} />

return (

<ChakraProvider theme={theme}>

<Component {...pageProps} />

</ChakraProvider>

)

}

export default MyApp

@@ -1,69 +1,17 @@

import Head from 'next/head'

import Image from 'next/image'

import styles from '../styles/Home.module.css'

export default function Home() {

return (

<div className={styles.container}>

<div>

<Head>

<title>Create Next App</title>

<meta name="description" content="Generated by create next app" />

<title>琚致远's Blog</title>

<meta name="description" content="琚致远的个人站点" />

<link rel="icon" href="/favicon.ico" />

</Head>

<main className={styles.main}>

<h1 className={styles.title}>

Welcome to <a href="https://nextjs.org">Next.js!</a>

</h1>

<p className={styles.description}>

Get started by editing{' '}

<code className={styles.code}>pages/index.js</code>

</p>

<div className={styles.grid}>

<a href="https://nextjs.org/docs" className={styles.card}>

<h2>Documentation →</h2>

<p>Find in-depth information about Next.js features and API.</p>

</a>

<a href="https://nextjs.org/learn" className={styles.card}>

<h2>Learn →</h2>

<p>Learn about Next.js in an interactive course with quizzes!</p>

</a>

<a

href="https://github.com/vercel/next.js/tree/master/examples"

className={styles.card}

>

<h2>Examples →</h2>

<p>Discover and deploy boilerplate example Next.js projects.</p>

</a>

<a

href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"

className={styles.card}

>

<h2>Deploy →</h2>

<p>

Instantly deploy your Next.js site to a public URL with Vercel.

</p>

</a>

</div>

</main>

<footer className={styles.footer}>

<a

href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"

target="_blank"

rel="noopener noreferrer"

>

Powered by{' '}

<span className={styles.logo}>

<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />

</span>

</a>

</footer>

<div>

琚致远

</div>

</div>

)

}


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK