Blog

My personal blog.

zhangyu.dev

Using Next.js v14 App Router and React Server Components. Styling with TailwindCSS.

Using @discublog/api to query GitHub repository discussions and rendering Markdown with @mdx-js/mdx.

Deploy

Deploy with Vercel

Important

Make sure to open discussions on the new repository after creating it in "Create Git Repository" and before adding environment variables.

Important

After enabling Discussions, please make sure to start a new discussion, and feel free to choose any topic.

Write Articles

  1. Enable your blog repository discussions.
  2. Write a new discussion.

Fork Guide

  1. Make sure you have the GitHub Profile repository like zhangyu1818/zhangyu1818.
  2. Modify site metadata.
  3. Modify Google verification here.
  4. Modify the Giscus script here.
  5. Modify the resume page.
  6. Put your avatar file in src/images/avatar.webp.
  7. Put your favicon file in src/app/favicon.ico.
  8. Put your icons in public/icon.

Env

create .env file in root folder.

GITHUB_TOKEN=<required>
OPENAI_API_KEY=<optional>
REPO_NAME=<required>
REPO_OWNER=<required>

Summary

If you need Open AI to generate your article summaries, delete summary.json in root folder and paste your OPENAI_API_KEY in .env.