adrianmoreno.info

adrianmoreno.info

ที่เก็บนี้เก็บข้อมูลโครงสร้างและการออกแบบใน www.adrianmoreno.info นี่คือสนามเด็กเล่นที่ฉันทดลองใช้เทคโนโลยีบางอย่างพยายามเพิ่มประสิทธิภาพเว็บไซต์ด้วยข้อมูลเชิงลึกความเร็วของ Google Page หรือทดสอบสคริปต์ Gulp

มันเป็นข้อแก้ตัวที่ดีในการใช้งาน CV-website ใช่มั้ย -

ชุดรูปแบบ: Adritian

ชุดรูปแบบหน้าเปิดให้บริการอย่างอิสระจากเว็บไซต์นี้เป็นธีมของ Hugo Adritian ใน repo ของตัวเอง

รุ่น

เนื้อหาถูกสร้างขึ้นด้วย Hugo ซึ่งเป็นตัวสร้างเนื้อหาที่รวดเร็วยืดหยุ่นและปรับแต่งได้ มันถูกสร้างขึ้นมาด้วย GO เหตุผลแรกที่ฉันเริ่มเล่นกับมัน - หลังจากนั้นฉันค้นพบพลังและชุมชนที่แข็งแกร่ง

ทำงานในพื้นที่

การติดตั้ง Hugo เป็นคำตอบล่วงหน้า หลังจากนั้นสามารถใช้คำสั่งจาก Hugo CLI ได้เช่น hugo serve

การปรับใช้

รหัสใน repo นี้จะถูกประมวลผลในภายหลังด้วยการกระทำของ GitHub - ซึ่งจะสร้าง HTML ด้วย Hugo ประมวลผล CSS รูปภาพและ JS ด้วยอึกและส่งออกเนื้อหาไปยัง Vercel

ง่ายเหมือนได้รับ! ในการปรับแต่งสาขาใดที่จะถูกสร้างขึ้นโดย Vercel คำสั่ง build และขั้นตอนละเว้นจะถูกปรับแต่ง สิ่งนี้ช่วยให้ฉันยังคงรักษาเนื้อหาที่สร้างขึ้นไว้ในสาขา gh-pages และให้สาขานั้นถูกเพิกเฉยโดยการปรับใช้ Vercel

สร้างคำสั่ง:

 echo VERCEL_GIT_COMMIT_REF=$VERCEL_GIT_COMMIT_REF; if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then echo "Skipping build" && exit 0; else echo "Looking for build script" && test -f vercel-build.sh && chmod +x vercel-build.sh && ./vercel-build.sh; fi; 

ละเว้นขั้นตอน:

 echo VERCEL_GIT_COMMIT_REF=$VERCEL_GIT_COMMIT_REF; if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then echo "Skipping build" && exit 0; else echo "Continuing build!" && exit 1; fi; 

หมายเหตุเกี่ยวกับ vercel vs Cloudfront

ฉันเปลี่ยนจาก AWS CloudFront เป็น Vercel เนื่องจาก CloudFront ไม่รองรับวัตถุรูทที่กำหนดไว้สำหรับโฟลเดอร์ทั้งหมด (เช่น: index.html สำหรับเส้นทาง /experience ) ในบางจุดฉันอาจลองตัวเลือกเพื่อให้พวกเขาทำงานกับฟังก์ชั่นแลมบ์ดา แต่นั่นจะเป็นโอกาสที่จะปรับปรุงโครงสร้างพื้นฐานของโครงการและตั้งค่าเป็นโครงสร้างพื้นฐานเป็นรหัส (ตั้งค่าด้วย CDK หรือ Terraform)

มากกว่า?

คุณต้องการข้อมูลเพิ่มเติมเกี่ยวกับวิธีหรือทำไมฉันถึงทำอะไรบางอย่างบนเว็บไซต์? ส่งบรรทัดให้ฉัน! (แบบฟอร์มเชื่อมต่อกับ formspree.io โดยวิธีการซอฟต์แวร์ที่ยอดเยี่ยมอีกชิ้นหนึ่ง)