‫ตกลง. ฉันตื่นเต้นสุด ๆ กับงานนี้สำหรับคุณเพราะการผูกเมาท์นั้นเจ๋งจริงๆ
‫มันยอดเยี่ยมมากสำหรับการพัฒนาท้องถิ่นหรือการทดสอบในท้องถิ่น
‫เพราะอย่างที่เราอธิบายไว้ก่อนหน้านี้พวกเขาจะอนุญาตให้คุณแก้ไขไฟล์ในระบบปฏิบัติการโฮสต์ของคุณจากนั้นพวกเขากำลังทำงานหรือใช้งานจริงภายในคอนเทนเนอร์เพื่อทำสิ่งต่างๆในวิธีที่ง่ายกว่า
‫ในตัวอย่างนี้เราจะใช้สิ่งที่เรียกว่า "เครื่องมือสร้างเว็บไซต์แบบคงที่"
‫และนี่ไม่ใช่การมอบหมายนักพัฒนาเว็บโดยเฉพาะ
‫พวกเราไม่ได้ทำอะไรมากไปกว่าการแก้ไขข้อความ
‫ที่จริงแล้วสิ่งนี้เกี่ยวกับการทำความคุ้นเคยกับแนวคิดของการรับข้อมูลโฮสต์ที่คุณมีในเครื่องโฮสต์ของคุณและจากนั้นติดตั้งลงในคอนเทนเนอร์แล้วเปลี่ยนมันในโฮสต์
‫ขวา.
‫ในกรณีนี้นี่เป็นตัวอย่างที่พบได้บ่อย นักพัฒนาเว็บมีซอร์สโค้ดและ
‫HTML และทั้งหมดนั้นบนโฮสต์ของพวกเขาและโดยปกติพวกเขาจะต้องดาวน์โหลดเครื่องมือพิเศษทั้งหมดที่พวกเขาต้องการบนโฮสต์ใช่ไหม?
‫เราต้องการเครื่องมือภาษาการเขียนโปรแกรมเว็บเซิร์ฟเวอร์ตัวตรวจจับไฟล์บางประเภทที่ตรวจจับการเปลี่ยนแปลงและรีสตาร์ทสิ่งต่าง ๆ
‫และเครื่องมือเหล่านี้ใช่ไหม
‫ปกติแล้วสิ่งสำคัญสำหรับนักพัฒนาเว็บคือการหาวิธีทำให้ทุกอย่างทำงานบนระบบปฏิบัติการของตนและรุ่นที่ถูกต้องทั้งหมด
‫แต่สิ่งที่ยอดเยี่ยมอยู่ใน Docker Hub
‫ปัญหาเหล่านี้มากมายได้หายไปแล้วเนื่องจากสแต็กของส่วนประกอบเหล่านั้นอยู่ในภาชนะเดียว
‫ในกรณีนี้เราจะใช้ Jekyll จริง ๆ
‫และอย่างที่ฉันบอกไปก่อนหน้านี้ว่ามันคือ SSG
‫สิ่งเหล่านี้เป็นเครื่องมือพื้นฐานที่ช่วยให้คุณสร้าง markdown ซึ่งเป็นข้อความธรรมดา
‫จากนั้นนำสิ่งเหล่านั้นมาสร้างเป็นเว็บไซต์ HTML
‫มันยอดเยี่ยมมากสำหรับบล็อกเล็ก ๆ หรือเว็บไซต์ง่ายๆที่คุณไม่ต้องการเป็นกูรู HTML
‫และคุณแค่ต้องการเขียนอะไรที่ง่ายและโพสต์ลงบนเว็บ
‫นี่คือทุกครั้งที่คุณเห็นเว็บไซต์ที่ดำเนินการโดย GitHub หรือที่รู้จักกันในชื่อ GitHub Pages Jekyll ก็เป็นเครื่องมือที่พวกเขาใช้เช่นกัน
‫ในกรณีนี้คุณจะกระโดดเข้าไปในไดเรกทอรีตัวอย่างผูกติดดังที่แสดงไว้ที่นี่บนสไลด์
‫คุณจะเห็นไฟล์ที่นั่น คุณกำลังจะแก้ไขสิ่งเหล่านี้ด้วยโปรแกรมแก้ไขที่คุณเลือกไม่ว่าจะเป็นรหัส Visual Studio
‫หรือ Atom หรือ Vim หรือ Sublime Text หรืออะไรก็ตามที่คุณต้องการ
‫เรากำลังจะมีคอนเทนเนอร์ที่ทำงานในพื้นหลังที่กำลังเรียกใช้
‫Jekyll และดูไฟล์เหล่านั้นบนโฮสต์ของคุณและตรวจจับการอัปเดตจากนั้นอัปเดตเว็บเซิร์ฟเวอร์ที่อยู่ในคอนเทนเนอร์โดยอัตโนมัติ
‫เพื่อให้คุณเริ่มต้นได้นี่คือคำสั่งที่คุณสามารถใช้ได้จริง
‫คุณต้องการข้ามไปยังไดเรกทอรีตัวอย่าง bind mount นั้นจากนั้นรันคำสั่ง
‫run docker เฉพาะซึ่งจะเปิด localhost เริ่มต้นของคุณและแมปไดเรกทอรีจริง
‫โปรดจำไว้ว่า pwd จะจับคู่นั้นกับไดเรกทอรีของไซต์ภายในคอนเทนเนอร์ซึ่งเป็นสิ่งที่เราตั้งไว้ที่นี่
‫ถ้าอย่างนั้นฉันได้ทำให้คุณเป็นคนกำหนดเองภาชนะบรรจุ Jekyll นั้นใช้งานง่ายและมันใช้รุ่นล่าสุดทั้งหมด
‫ดังนั้นสิ่งที่คุณควรเห็นคือคุณควรจะสามารถเปิดใช้งานได้เปิดเบราว์เซอร์ในพื้นที่ของคุณดูเว็บไซต์ที่มีหน้าเว็บพื้นฐาน
‫ที่จริงแล้วใช้เทมเพลตเริ่มต้น
‫จากนั้นคุณจะกระโดดเข้าสู่สารบบโพสต์ที่อยู่ในตัวอย่างที่เชื่อมโยง
‫คุณสามารถดูได้ที่นี่จริง ๆ
‫บนหน้าจอของฉันฉันมีอยู่ในรหัส Visual Studio ของฉัน
‫ดังนั้นสิ่งเหล่านี้จะเป็นไฟล์ภายในไดเรกทอรีนั้น
‫คุณจะเข้าสู่ไฟล์นี้ที่นี่ซึ่งเป็นไฟล์มาร์กดาวน์และมันก็โอเคถ้าคุณไม่ใช่กูรูด้านล่าง
‫คุณเพียงแค่ต้องเปลี่ยนบางสิ่งในที่นี่จากนั้นข้ามไปที่เว็บเบราว์เซอร์ของคุณและสังเกตว่ามันสะท้อนให้เห็นโดยอัตโนมัติว่าเป็นการอัพเดตเมื่อคุณบันทึกไฟล์
‫แน่นอนฉันขอแนะนำให้ดูบันทึกใน Docker
‫เพื่อดูว่ามันทำอะไรเพราะมันจะบอกคุณทุกครั้งที่มีการเปลี่ยนแปลงไฟล์และโหลดเซิร์ฟเวอร์ใหม่
‫หากคุณติดขัดหรือเรื่องนี้ไม่สมเหตุสมผลคุณเพียงแค่ดูวิดีโอคำบรรยายของฉันหลังจากนี้
‫ฉันจะวิ่งผ่านสิ่งนี้และคุณสามารถทำตามได้ถ้าคุณติดขัด
‫โชคดี.