ควบคุมพลังของ Blazor เพื่อสร้างเว็บไซต์แบบคงที่
เปลี่ยนแอป Blazor ของคุณให้เป็นไซต์แบบคงที่
BlazorStatic มุ่งหวังที่จะใช้งานง่ายสำหรับนักพัฒนาส่วนใหญ่ที่เคยทำงานกับเฟรมเวิร์กฟรอนต์เอนด์ทุกประเภท โดยเฉพาะอย่างยิ่งหากคุณทำงานกับ Blazor อยู่แล้ว
ไซต์สำหรับ BlazorStatic เป็นตัวอย่างที่มีคุณลักษณะหลากหลายของห้องสมุด ตรวจสอบซอร์สโค้ด
เมื่อเรียกใช้แอปของคุณ BlazorStatic จะดึง HTML ของเพจด้วย HttpClient
ส่งออกไฟล์ HTML และเนื้อหาไปยังโฟลเดอร์ output
และจากนั้น คุณสามารถปรับใช้กับเซิร์ฟเวอร์ HTTP มาตรฐานหรือบริการโฮสติ้งใดก็ได้
มีค่าเริ่มต้นมากมายเพื่อให้การใช้งานง่ายขึ้น แต่คุณสามารถกำหนดค่าได้อย่างกว้างขวาง ตัวอย่างเช่น คุณสามารถจับคู่ส่วนหน้า YAML ของคุณในไฟล์มาร์กดาวน์ได้ (ซึ่งสามารถนำมาใช้ซ้ำได้จากเครื่องมือสร้างไซต์แบบคงที่อื่นๆ)
คุณสามารถเริ่มใช้ BlazorStatic ได้สามวิธี ขึ้นอยู่กับการตั้งค่าและการใช้งานที่ต้องการ คุณจะต้องมี .NET SDK 8 หรือสูงกว่าเพื่อเริ่มต้นใช้งาน
ติดตั้งเทมเพลต BlazorStatic:
dotnet new install BlazorStatic.Templates
นี่เป็นการเพิ่มตัวเลือกใหม่ให้กับรายการเทมเพลต dotnet new
จากนั้นสร้างโครงการใหม่โดยใช้:
dotnet new BlazorStaticMinimalBlog -o MyBlazorStaticApp
สิ่งนี้จะสร้างโฟลเดอร์และโปรเจ็กต์ MyBlazorStaticApp
เป็นแอป .NET Blazor มาตรฐานที่ติดตั้งแพ็คเกจ BlazorStatic รวมถึงส่วนประกอบ สไตล์ และโพสต์บล็อกที่มีเนื้อหาตัวอย่างที่กำหนดไว้ล่วงหน้า
เรียกใช้แอปโดยใช้ dotnet watch
การดำเนินการนี้จะเปิดตัวแอป เพื่อให้คุณดูได้แบบเรียลไทม์ ในขณะเดียวกันก็สร้างไฟล์ HTML แบบคงที่ในโฟลเดอร์ output
ด้วย
จากที่นี่ คุณพร้อมที่จะสำรวจโปรเจ็กต์ เพิ่มเนื้อหา สร้างเพจใหม่ และอื่นๆ อีกมากมาย
Content/Blog
.gitignore
จะรวมอยู่ในคำแนะนำ .NET มาตรฐาน และจะละเว้นโฟลเดอร์ output
.github
พร้อมด้วยการดำเนินการ GitHub สำหรับการสร้างและปรับใช้กับ GitHub Pages ดูส่วนการทำให้ใช้งานได้ด้านล่างใช้ BlazorStaticMinimalBlog เป็นเทมเพลต (ปุ่มสีเขียวใหญ่)
มันจะคัดลอกเนื้อหาทั้งหมดและเรียกใช้การกระทำ GitHub ให้กับคุณ หลังจากรันแล้ว ให้ไปที่การตั้งค่าและเปิดหน้า GitHub:
เพจของคุณพร้อมแล้ว!
หากคุณต้องการเข้าใจอย่างถ่องแท้ถึงวิธีการทำงานของ BlazorStatic หรือหากคุณมีโปรเจ็กต์ที่มีอยู่ซึ่งคุณต้องการรวมไลบรารี BlazorStatic ให้เริ่มจากศูนย์ ตรวจสอบเอกสารนี้เพื่อเป็นแนวทาง
dotnet new
คุณสามารถปรับใช้โฟลเดอร์ output
กับบริการโฮสติ้งแบบคงที่ใดๆ ได้ เช่น GitHub Pages, Netlify, Vercel, Azure Static Web Apps เป็นต้น
คำแนะนำโดยละเอียดอยู่ที่นี่
คำอธิบาย | แหล่งที่มา | สด |
---|---|---|
หน้าเกี่ยวกับ BlazorStatic (repo นี้มีโค้ดในตัว) | แหล่งที่มา | สด |
บล็อกน้อยที่สุด | แหล่งที่มา | สด |
Zodoc - ตัวอย่างการประมวลผลภาพและการเรียนรู้เชิงลึก | แหล่งที่มา | สด |
❓เพิ่มเพจของคุณที่นี่!!! |
ผลงานได้รับการสนับสนุนและชื่นชมอย่างมาก หากคุณพบสิ่งที่ขาดหายไป ไม่ชัดเจน หรือประสบปัญหากับโค้ด เรายินดีรับฟังความคิดเห็นของคุณ รู้สึกอิสระที่จะ: