การโฮสต์บล็อกโดยไม่มีเซิร์ฟเวอร์

tl;ดร

ฉันได้ย้ายบล็อกของฉันจาก WordPress ไปยังเว็บไซต์คงที่ซึ่งโฮสต์บนพื้นที่เก็บข้อมูล Azure มันง่ายกว่าที่ฉันคิดไว้มากและฉันไม่เสียใจแม้แต่วินาทีเดียว! ตอนนี้ฉันกำลังโฮสต์บล็อกนี้ในบัญชีพื้นที่เก็บข้อมูล Azure โดยใช้เพจคงที่ที่สร้างจากไฟล์ MarkDown โดย Hugo ฉันยังมีบางสิ่งที่ต้องพิจารณาเกี่ยวกับการเพิ่มประสิทธิภาพหน้าเว็บ, SEO และไปป์ไลน์ CI/CD เพื่อทำให้การเขียนบล็อกง่ายดายที่สุดเท่าที่จะเป็นไปได้ แต่จนถึงตอนนี้สิ่งเดียวที่ฉันเสียใจคือฉันไม่ได้ไปในเส้นทางนี้เร็วกว่านี้

พื้นหลัง

ฉันเขียนบล็อกบน WordPress มาเกือบห้าปีแล้ว ขั้นแรก ฉันเช่าพื้นที่จากผู้ให้บริการโฮสต์เว็บ ต่อมาฉันย้ายไปยัง Project Nami ที่ทำงานบนเว็บแอป Azure พร้อมฐานข้อมูล SQL PaaS การใช้งานเว็บแอปบน Azure นั้นอยู่ในโซนความสะดวกสบายของฉันมากกว่าแผนโฮสติ้งแปลกๆ ที่ฉันไม่รู้จริงๆ ว่าเกิดอะไรขึ้น และเมื่อจำเป็นต้องกู้คืนข้อมูลสำรอง ฉันก็ตกอยู่ภายใต้ความเมตตาของฝ่ายสนับสนุนที่ไม่รู้จัก เมื่อพูดถึงการสำรองข้อมูล การสำรองข้อมูลเว็บไซต์ของฉันบน Azure นั้นใช้งานได้ดีมาก! ฉันเพิ่งกำหนดเวลาการสำรองข้อมูลทั้งเว็บแอปและฐานข้อมูลไปยังบัญชีที่เก็บข้อมูลสัปดาห์ละครั้ง ฉันยังลองทำการกู้คืนในสถานการณ์ที่ร้ายแรงซึ่งบล็อกของฉันถูกแฮ็ก (เนื่องจาก WordPress มีช่องโหว่) ฉันกลับมาได้ในเวลาเพียงไม่กี่นาที ตอนนั้นฉันแทบไม่อยากจะเชื่อเลย

เมื่อพูดถึงช่องโหว่… ฉันไม่ใช่นักพัฒนา PHP ฉันไม่รู้ด้วยซ้ำเกี่ยวกับการพัฒนาเว็บเลยถ้าพูดตามตรง การปรับแต่ง WordPress ให้เป็นอย่างที่ฉันต้องการ การเน้นไวยากรณ์บนตัวอย่างโค้ดของฉัน และการพยายามทำให้หน้ารวดเร็ว ตอบสนอง และอ่านง่ายต้องใช้ความพยายามอย่างมาก ยิ่งไปกว่านั้น ยังมี Wordpress เวอร์ชันใหม่และปลั๊กอินต่างๆ ที่ฉันใช้ตลอดเวลา ฉันใช้เวลาและความพยายามมากขึ้นในการพยายามทำให้ WordPress และปลั๊กอินทั้งหมดที่ฉันต้องการอัปเดตอยู่เสมอ มากกว่าที่ฉันใช้ไปกับการเผยแพร่เนื้อหาจริงๆ ฉันมีฉบับร่างที่ยังเขียนไม่เสร็จทุกครั้งที่ฉันนั่งลงด้วยความตั้งใจที่จะเขียนโพสต์และลงเอยด้วยการ "อัปเดตปลั๊กอินบางตัว" ทำลายบางสิ่งและใช้เวลาช่วงเย็นแก้ไขอีกครั้งแทนที่จะเขียนโพสต์ของฉัน อย่าเข้าใจฉันผิดที่นี่ ฉันไม่คิดว่า WordPress เป็นแพลตฟอร์มที่ไม่ดี แค่รู้สึกเหมือนฉันกำลังวิ่งด้วยรถบรรทุกพ่วงเต็มคัน ทั้งหมดที่ฉันต้องการคือรถเข็นวีลบาร์โรว์ ฉันดู Github Pages มานานแล้ว แต่ไม่เคยก้าวกระโดดเลย

ที่เก็บข้อมูล Azure - ตัวเร่งปฏิกิริยา

วันก่อนฉันเห็นโพสต์บนบล็อกในบล็อก Azure ซึ่งทำให้ฉันเปลี่ยนใจ: ขณะนี้การโฮสต์เว็บไซต์แบบคงที่สำหรับ Azure Storage เป็นแบบตัวอย่างสำหรับสาธารณะแล้ว

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

การสร้างหน้าเว็บแบบคงที่

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

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

ตามประกาศที่แนะนำ ฉันติดตั้งส่วนขยาย Azure Storage ลงในโปรแกรมแก้ไขโค้ด VS Code ที่ฉันชื่นชอบ (เอาจริง ๆ หากคุณยังไม่ได้ลอง ลองดูเลย มันเต็มไปด้วยความน่าทึ่ง!) เมื่อฉันเปิดพื้นที่เก็บข้อมูลบล็อกใหม่ในโค้ด ฉันออกคำสั่ง ">Azure Storage: Deploy to Static Website…" จากนั้นต้องเข้าสู่ระบบ Azure เลือกบัญชีพื้นที่เก็บข้อมูลของฉันและโฟลเดอร์ใดที่ฉันต้องการอัปโหลด หนึ่งนาทีหลังจากนั้น บล็อกถ่ายทอดสดบนอินเทอร์เน็ต

การย้ายจาก WordPress ไปยังหน้าเว็บแบบคงที่ของ Hugo

ตอนนี้ฉันมีบล็อกใหม่แล้ว แต่โพสต์ทั้งหมดที่ฉันมีในบล็อกเก่าล่ะ ฉันไม่อยากสูญเสียเนื้อหาทั้งหมดนั้น!

การค้นหาทางอินเทอร์เน็ตเปิดเผยคู่มือนี้เกี่ยวกับวิธีโยกย้ายจาก WordPress ไปยัง Jekyll แม้จะอายุไม่กี่ปี แต่ฉันก็คิดว่า “จะเกิดอะไรขึ้นได้ล่ะ ฉันยังมีข้อมูลสำรองที่ใช้งานได้…” การตั้งค่า Disqus ทำงานได้ตามที่อธิบายไว้และฉันประทับใจมากกับความง่ายในการย้ายความคิดเห็นทั้งหมด ฉันคาดหวังอย่างยิ่งที่จะสูญเสียความคิดเห็นทั้งหมดเกี่ยวกับการย้ายข้อมูล ซึ่งเป็นเรื่องที่น่าประหลาดใจมาก!

ตอนนี้เกี่ยวกับการส่งออกเนื้อหา WP ฉันพยายามติดตั้งปลั๊กอิน jekyll-exporter บนไซต์ของฉัน แต่ได้รับข้อความแสดงข้อผิดพลาดแปลกๆ อาจเป็นเพราะฉันใช้งาน WordPress เวอร์ชันพิเศษ (Project Nami) หรืออาจเป็นเพราะอย่างอื่น คนเกียจคร้าน แต่เดี๋ยวก่อน ในหน้า GitHub ของโปรเจ็กต์มันบอกว่าฉันสามารถใช้ปลั๊กอินได้โดยตรงจากคอนโซล AHA! ดังนั้นฉันจึงเปิดคอนโซล PowerShell ในพอร์ทัล Kudo ของเว็บแอปของฉัน เรียกดูโฟลเดอร์ปลั๊กอินของฉันแล้วรัน:

php jekyll-export-cli.php > jekyll-export.zip

สิ่งนี้แสดงข้อความแสดงข้อผิดพลาด แต่ฉันยังคงมีไฟล์ zip ที่มีรูปภาพจำนวนมากและโพสต์ทั้งหมดของฉันเป็นไฟล์มาร์กดาวน์! วู้ว! ค้นหาและแทนที่อย่างรวดเร็วในมาร์กดาวน์และฉันมีจุดระบุที่ตกลง ฉันคัดลอกเนื้อหาที่เพิ่งย้ายไปยังโฟลเดอร์บล็อกใหม่ รวบรวม HTML เวอร์ชันใหม่โดย runnung Hugo.exe และเผยแพร่ในบัญชีที่เก็บข้อมูลของฉัน และนั่นก็ค่อนข้างมาก ตั้งแต่ที่ฉันเคยทำ tweeks เล็ก ๆ น้อย ๆ เช่นการเน้นไวยากรณ์ของ PowerShell (ขอชื่นชม Stuart Lang สำหรับแรงบันดาลใจ):

function Get-CodeSnippet {
[CmdletBinding()]
param (
# This is just an example
[Parameter(Mandatory,ValueFromPipeline)]
[String]
$Parameter1
)
process {
Get-ClipboardHTML | Set-Clipboard -ErrorAction 'Stop'
}
}

แต่นั่นเป็นอีกเรื่องหนึ่ง… จนกว่าจะถึงตอนนั้น ขอให้มีความสุขในการเขียนบล็อก!

และถ้าคุณยังไม่ได้สร้างบล็อกของคุณเอง ตอนนี้ก็ไม่มีข้อแก้ตัวว่านี่เป็นเรื่องง่ายจริงๆ และทุกคนก็มีบางอย่างที่จะแบ่งปัน!