lenesaile.com

lenessaile.com

นี่คือเว็บไซต์ฟรีแลนซ์ของฉัน สร้างขึ้นด้วย Eleventy สร้างขึ้นจากผู้เริ่มต้น Eleventy Excellent รองรับสามภาษาและใช้ขั้นตอนการทำงานล่าสุดของฉัน

สารบัญ

• lenessaile.com
  • สารบัญ
  • ใบอนุญาต
  • เครดิตและขอขอบคุณ

ใบอนุญาต

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

เครดิตและขอขอบคุณ

แอนดี้ เบลล์

ฉันชอบทำงานกับ CUBE ระเบียบวิธี CSS ของ Andy โดยทำงานร่วมกับโซลูชัน Every Layout ที่เขาร่วมเขียน เขาเพิ่งเผยแพร่แนวทางที่รวม Tailwind CSS เข้ากับวิธีการของเขาในฐานะผู้สร้างคลาสยูทิลิตี้แบบกำหนดเอง ขั้นตอนการทำงานนี้สร้างขึ้นในเว็บไซต์ของฉัน และจริงๆ แล้วคือเว็บไซต์ทั้งหมดที่ฉันสร้างตั้งแต่ค้นพบมัน ฉันเรียนรู้วิธีใช้ Eleventy ในปี 2020 ด้วยหลักสูตรของเขา (ตอนนี้ฟรี)

• https://buildexcellentwebsit.es/
• https://cube.fyi/
• https://learneleventyfromscratch.com/

เฮย์ดอน พิกเคอริง

เฮย์ดอนเก่งมาก

• https://every-layout.dev/
• https://included-components.design/

แซค เลเธอร์แมน

Zach กำลังพัฒนา Eleventy อัจฉริยะ!

• https://www.11ty.dev/
• https://www.zachleat.com/

ไรอัน มัลลิแกน

Ryan สร้างทริกเกอร์การเลื่อนขึ้นมาเพื่อเน้นข้อความ ซึ่งฉันใช้ในเว็บไซต์นี้อย่างไร้ยางอาย

• https://codepen.io/hexagoncircle/pen/gOPMwvd

โอลิเวอร์ เชินดอร์เฟอร์

โอลิเวอร์เป็นผู้เชี่ยวชาญประเภท เขาเขียนจดหมายข่าว Pimp my Type ซึ่งฉันได้ค้นพบแบบอักษรที่ฉันใช้สำหรับเว็บไซต์นี้

• https://pimpmytype.com/outfit/
• https://pimpmytype.com/category/fontfriday/

ปาโบล สแตนลีย์

ปาโบลเป็นผู้สร้างอวตารของเว็บไซต์นี้ ไลบรารีภาพประกอบที่วาดด้วยมือของเขา Open Peeps นั้นยอดเยี่ยมมาก

• https://www.openpeeps.com/

เอเครม เอลมาส

ฉันใช้ชุดไอคอนวาดด้วยมือของ Ekrems

สเตฟานี เอคเคิลส์

Stephanie มอบทรัพยากรมากมายสำหรับ Eleventy และ CSS สมัยใหม่

• https://smolcss.dev/
• https://moderncss.dev/

แม็กซ์ บ็อค และเซีย คารามาเลกอส

ฉันติดตามบทช่วยสอนจาก Max และ Sia เพื่อใช้งาน Webmentions บนไซต์นี้

• https://sia.codes/posts/webmentions-eleventy-in- allowance/max
• https://mxb.dev/blog/using-webmentions-on-static-sites/

แบร์นาร์ด นิเจนฮุยส์

รูปภาพกราฟเปิดจะถูกสร้างขึ้นโดยอัตโนมัติ: ขั้นแรก SVG จะถูกสร้างขึ้นสำหรับทุกโพสต์ ซึ่งจะถูกแปลงเป็น JPEG ฉันเรียนรู้วิธีทำเช่นนั้นจากบทความของเบอร์นาร์ด

• https://bnijenhuis.nl/notes/automatically-generate-open-graph-images-in-eleventy/

อเล็กซานเดอร์ ฮอฟฮานนิสยาน

ฉันชอบโครงสร้างและความชัดเจน Aleksandr ทำสิ่งนี้ในลักษณะที่เป็นแบบอย่าง ซึ่งเป็นเหตุผลว่าทำไมฉันถึงใช้โครงสร้างของ eleventy.js บนเว็บไซต์ส่วนตัวของเขา โซลูชันการเปลี่ยนเส้นทาง 301 ที่ฉันใช้นั้นมาจากบล็อกของเขา

• https://github.com/AleksandrHovhannisyan
• https://www.aleksandrhovhannisyan.com/blog/eleventy-netlify-redirects/

อดัม อาร์ไกล์

การเปลี่ยนธีมมาจากความท้าทายด้าน GUI ของเขา

• https://github.com/argyleink/gui-challenges

ลมท้าย

• https://tailwindcss.com/

แฮร์รี โรเบิร์ตส์

Harry Roberts สอนฉันมากมายเกี่ยวกับวิธีทำให้เว็บไซต์เร็วขึ้น คำสั่งที่เข้มงวดใน head ของฉันคือสิ่งที่เขาคิดออก

• https://csswizardry.com/