นี่คือไซต์แกลเลอรีเล็กๆ ที่ดีที่แสดงภาพประกอบโปเกมอนของคุณสำหรับวันนี้ที่ Rad KC Green โพสต์บน Twitter และ Tumblrs ของเขา
ไม่จำเป็นต้องมีอยู่จริง แต่มันก็ต้องมี!!
ในส่วนท้ายของ webby มันใช้ lightgallery.js สำหรับเนื้อหา lightboxy
ในส่วนท้ายของโครงสร้างนั้น ใช้ GraphicsMagick สำหรับ Node เพื่อสร้างภาพขนาดย่อสำหรับภาพประกอบแต่ละภาพ Nunjucks สำหรับการสร้างเทมเพลต และอึก (และโฮสต์ของปลั๊กอินอึกทั้งหมด) เพื่อเชื่อมโยงสิ่งทั้งหมดเข้าด้วยกัน
ไซต์นี้พร้อมให้คุณเพลิดเพลินในการท่องเว็บได้ที่ https://yourpokemonfor.today/
พื้นที่เก็บข้อมูลมีขนาดใหญ่มากเนื่องจากมีข้อมูลรูปภาพจำนวนมาก (ทั้งในปัจจุบันและในอดีต) ขออภัยเกี่ยวกับเรื่องนั้น
คุณอยากเป็น Digimon Master เหรอ???? ต่อไปนี้เป็นวิธีสร้างเวอร์ชันของไซต์นี้บนคอมพิวเตอร์ของคุณเอง (หากคุณใช้ Mac OS X):
รับสำเนาของที่เก็บนี้ (โดยการโคลนหรือดาวน์โหลดสำเนา ZIP แล้วแตกไฟล์)
ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Node.js และ Yarn แล้ว (ตรวจสอบใน package.json
ภายใต้ engines
สำหรับเวอร์ชันที่ต้องการ) รวมถึง Homebrew
ติดตั้ง GraphicsMagick: เปิดอินเทอร์เฟซบรรทัดคำสั่งและเรียกใช้ brew install graphicsmagick
ติดตั้งการขึ้นต่อกันของโปรเจ็กต์: ในอินเทอร์เฟซบรรทัดคำสั่งของคุณ ให้นำทางไปยังโฟลเดอร์โปรเจ็กต์และรัน yarn
สร้างไซต์จากไฟล์ต้นฉบับ: ในโฟลเดอร์เดียวกัน ให้รัน yarn build
ไซต์นี้เสร็จสิ้นการสร้างเมื่อคุณเห็น Finished 'default'
และคุณได้รับพร้อมท์คำสั่งกลับมา
ดูในโฟลเดอร์ "build" - นั่นคือไซต์ของคุณ! ว้าว!
หากต้องการเปิดไซต์ในเว็บเบราว์เซอร์ คุณจะต้องใช้งานเว็บเซิร์ฟเวอร์ในโฟลเดอร์ "build" - นี่เป็นวิธีง่ายๆ ที่ฉันชื่นชอบในการดำเนินการดังกล่าวบน Mac
นั่นสินะ! หากคุณทำการเปลี่ยนแปลงใดๆ ให้รันขั้นตอนที่ 5 อีกครั้งเพื่อสร้างเว็บไซต์เวอร์ชันใหม่ จากนั้น โปรดส่งคำขอดึงพร้อมกับการเปลี่ยนแปลงของคุณ! การทำงานร่วมกันเป็นเรื่องสนุก
บางทีคุณอาจต้องการช่วยฉันทำสิ่งเหล่านี้???
เพิ่มตัวเลือกการกรองเพื่อแสดง เฉพาะ ภาพของ KC (และบางทีอาจมีตัวเลือกหนึ่งเพื่อแสดงเฉพาะภาพที่เขาไม่ได้ทำ? จะมีใครต้องการสิ่งนั้นบ้างไหม)
เพิ่มตัวเลือกในการจัดเรียงตามวันที่
เพิ่มงาน "เฝ้าดู" ให้กับการกำหนดค่าอึก เพื่อสร้างไฟล์บิลด์ที่เกี่ยวข้องขึ้นใหม่โดยอัตโนมัติเมื่อไฟล์ต้นฉบับมีการเปลี่ยนแปลง