academic homepage template

학술 홈페이지 템플릿

이 프로젝트는 Next.js, Tailwind CSS 및 Shadcnui로 제작 된 Academic Homepage 템플릿입니다. 이 디자인은 최소한의 현대적이며, 학업 포트폴리오를 깨끗하고 전문적인 모습을 제공합니다. Zeabur에 배포를 지원하고 파일 .bib 직접 구문 분석하여 출판물을 표시 할 수 있습니다.

특징

• 미니멀리즘 디자인 : 학업 작업을 보여주는 깨끗하고 현대적인 인터페이스.
• Markdown 지원 : Markdown 파일을 사용하여 웹 사이트 콘텐츠를 작성하십시오.
• 다크 모드 : 편안한 시청 경험을 위해 Dark Mode를 지원합니다.
• 반응 형 디자인 : 완전 반응 형 및 모바일 친화적입니다.
• BIB 파일 구문 분석 : .bib 파일에서 직접 구문 분석하고 표시합니다.

사용자 정의

구조

귀하의 데이터는 세 부분으로 나뉩니다.

• public 폴더 : 이미지와 CV 파일을 저장합니다.
• data 폴더 : MDX 파일 및 .bib 파일을 저장합니다.
• website.config.js : 개인 정보 및 소셜 미디어 링크가 포함되어 있습니다.

MDX

.mdx 파일을 사용하여 Markdown 파일의 확장 인 컨텐츠를 작성합니다. Markdown 구문을 사용하여 콘텐츠를 작성할 수 있습니다.

프로젝트 프론트 마터

data/projects 디렉토리의 MDX 파일에는 다음 형식으로 FrontMatter를 맨 위에 포함시켜야합니다.

 ---

title: "FibeRobo"

description: "Fabricating 4D Fiber Interfaces by Continuous Drawing of Temperature Tunable Liquid Crystal Elastomers"

date: "2023-01-01"

image: "/project1.jpg"

---

이미지는 public 폴더에 저장 될 수 있습니다.

턱받이 파일

.BIB 파일을 data/bib 디렉토리에 배치하십시오. 응용 프로그램은 파일을 자동으로 구문 분석하고 게시물을 표시합니다. 올바른 구문 분석을 위해 .bib 파일을 Publications.bib 또는 SelectedPublications.bib 로 이름을 지정하십시오.

그리고 논문이 수여되면 Bibtex에 award={Best Paper Award} 또는 award={Hornorable Mention} 추가 할 수 있습니다.

개발

전제 조건

• node.js (버전 14.x 이상)
• PNPM

설치

1. 저장소를 복제하십시오

   git clone https://github.com/anxndsgn/academic-homepage-template.git
   cd academic-homepage-template

2. 종속성을 설치하십시오

   PNPM 사용 :

   pnpm i

개발

개발 서버를 시작하려면 실행하십시오.

pnpm run dev

브라우저에서 http : // localhost : 3000을 엽니 다.

전개

• Zeabur에 로그인하여 새 프로젝트를 만듭니다.
• 이 repo를 포크하십시오.
• GIT 서비스를 사용하여 프로젝트를 배포하십시오. 자세한 지침은 Zeabur 문서를 참조하십시오.

기여

기부금을 환영합니다! 문제를 열거나 풀 요청을 제출하십시오.

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.

감사의 말

• 다음 .js
• 테일 윈드 CSS
• Shadcnui
• Zeabur