หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

เทมเพลตโฮมเพจวิชาการ

โครงการนี้เป็นแม่แบบโฮมเพจวิชาการที่สร้างขึ้นด้วย next.js, tailwind css และ Shadcnui การออกแบบนั้นเรียบง่ายและทันสมัยให้รูปลักษณ์ที่สะอาดและเป็นมืออาชีพสำหรับพอร์ตการศึกษา รองรับการปรับใช้กับ Zeabur และสามารถแยกวิเคราะห์ไฟล์ .bib โดยตรงเพื่อแสดงสิ่งพิมพ์

แสดงภาพ

คุณสมบัติ

  • การออกแบบที่เรียบง่าย : อินเทอร์เฟซที่สะอาดและทันสมัยเพื่อแสดงงานวิชาการ
  • การสนับสนุน Markdown : เขียนเนื้อหาเว็บไซต์โดยใช้ไฟล์ Markdown
  • โหมดมืด : รองรับโหมดมืดสำหรับประสบการณ์การรับชมที่สะดวกสบาย
  • การออกแบบที่ตอบสนอง : ตอบสนองอย่างเต็มที่และเป็นมิตรกับมือถือ
  • การแยกวิเคราะห์ไฟล์ BIB : แยกวิเคราะห์และแสดงสิ่งพิมพ์โดยตรงจากไฟล์ .bib

การปรับแต่ง

โครงสร้าง

ข้อมูลของคุณแบ่งออกเป็นสามส่วน:

  • โฟลเดอร์ public : เก็บรูปภาพและไฟล์ CV ของคุณ
  • โฟลเดอร์ data : เก็บไฟล์ MDX และไฟล์ .bib ของคุณ
  • website.config.js : มีข้อมูลส่วนบุคคลและลิงค์โซเชียลมีเดียของคุณ

MDX

เราใช้ไฟล์ .mdx เพื่อเขียนเนื้อหาซึ่งเป็นส่วนขยายของไฟล์ markdown คุณสามารถใช้ไวยากรณ์ Markdown เพื่อเขียนเนื้อหาของคุณ

โครงการ Frontmatter

ไฟล์ MDX ในไดเรกทอรี data/projects จำเป็นต้องรวม 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

วางไฟล์. bib ของคุณในไดเรกทอรี data/bib แอปพลิเคชันจะแยกวิเคราะห์ไฟล์โดยอัตโนมัติและแสดงสิ่งพิมพ์ของคุณ ตรวจสอบให้แน่ใจว่าได้ตั้งชื่อไฟล์ .bib เป็น Publications.bib หรือ SelectedPublications.bib สำหรับการแยกวิเคราะห์ที่ถูกต้อง

และหากกระดาษของคุณได้รับรางวัลคุณสามารถเพิ่ม award={Best Paper Award} หรือ award={Hornorable Mention} ไปยัง bibtex ของคุณ

การพัฒนา

ข้อกำหนดเบื้องต้น

  • 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 ดูไฟล์ใบอนุญาตสำหรับรายละเอียด

กิตติกรรมประกาศ

  • next.js
  • tailwind css
  • Shadcnui
  • Zeabur
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด