ดาวน์โหลด personal portfolio - ดาวน์โหลดซอร์สโค้ด personal portfolio

personal portfolio

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

พอร์ตโฟลิโอส่วนบุคคล - นักพัฒนา

Personal Portfolio เป็นเว็บไซต์เพจนักพัฒนาส่วนบุคคลที่ตอบสนองได้อย่างเต็มที่
ตอบสนองสำหรับอุปกรณ์ทั้งหมดที่สร้างขึ้นโดยใช้ HTML , CSS , JavaScript และ Python

Live Demo: ? personal-portfolio.github.io

จะทำให้เป็นของคุณได้อย่างไร?

ขั้นตอนที่ 1

แยกโครงการนี้และเปลี่ยนชื่อ repo เป็น your_github_username.github.io

สำคัญ

ตัวอย่างเช่นหากชื่อผู้ใช้ GitHub ของคุณคือ ivansaul เปลี่ยนชื่อที่เก็บเป็น ivansaul.github.io

ขั้นตอนที่ 2

เปิดใช้งานหน้า gitHub บน:

Repository(Settings) > Pages > Build and deployment > Source(GitHub Actions)

ขั้นตอนที่ 3

เปิดใช้งานเวิร์กโฟลว์:

Repository(Actions) > I understand my workflows, go ahead and enable them

ขั้นตอนที่ 4

ไปที่ config/ folder และแทนที่ข้อมูลเริ่มต้นด้วยข้อมูลส่วนบุคคลของคุณ

config
| -- assets
|   | -- avatars
|   | -- icons
|   | -- posts
|   | -- projects
├── blog.yml
├── contact.yml
├── navbar.yml
├── profile.yml
├── projects.yml
└── resume.yml

ตัวอย่างเช่นในการตั้งค่าข้อมูลติดต่อของคุณแก้ไข config/profile.yml

 INFO :
  - label : " Email "
    value : " [email protected] "
  - label : " Phone "
    value : " +1 (213) 352-2795 "
  - label : " Birthday "
    value : " June 26, 1996 "
  - label : " Location "
    value : " Sacramento, California, USA "

สำคัญ

เรื่องการเยื้อง: Yaml มีความอ่อนไหวต่อการเยื้อง ตรวจสอบให้แน่ใจว่าการทำรังแต่ละระดับนั้นมีช่องว่างที่สอดคล้องกัน (ไม่ใช่แท็บ) เพื่อหลีกเลี่ยงข้อผิดพลาดเมื่อโหลดหรือแยกวิเคราะห์ข้อมูล

เคล็ดลับ

คุณสามารถอัปโหลดรูปภาพของคุณโดยตรงไปยังโฟลเดอร์ config/assets หรือใช้เซิร์ฟเวอร์รูปภาพเช่น IMGUR ตัวเลือกทั้งสองใช้ได้สำหรับการปรับแต่งพอร์ตโฟลิโอของคุณ ตัวอย่างเช่น:

avatar = "https://i.imgur.com/H5gx7JF.png"

avatar = "config/assets/avatars/my-avatar.png"