Computer >> คอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

วิธีโฮสต์บล็อกของคุณฟรีด้วย Jekyll และ GitHub Pages

วิธีโฮสต์บล็อกของคุณฟรีด้วย Jekyll และ GitHub Pages

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

มีตัวเลือกที่เล็กกว่า ง่ายกว่า และถูกกว่า ตัวอย่างเช่น GitHub Pages ฟรีสำหรับการใช้งานส่วนตัว เมื่อรวมกับ Jekyll เครื่องมือสร้างไซต์แบบคงที่ และคุณมีทุกสิ่งที่คุณต้องการสำหรับบล็อก ยิ่งไปกว่านั้น ฟรี

ก่อนที่คุณจะเริ่มต้น

คุณจะใช้งาน Jekyll บนคอมพิวเตอร์ของคุณเอง และรองรับเฉพาะ macOS และ Linux เท่านั้น เราจะกล่าวถึงระบบปฏิบัติการทั้งสองที่นี่ และคำแนะนำของ Linux อาจใช้งานได้กับระบบย่อย Windows สำหรับ Linux ที่ใช้ Ubuntu ที่กล่าวว่ายังไม่ได้รับการทดสอบ

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

ข้อควรรู้

อย่างน้อยคุณควรมีความคุ้นเคยกับบรรทัดคำสั่ง การทำความคุ้นเคยกับ git และ GitHub ก็จำเป็นเช่นกัน หากคุณไม่คุ้นเคย เรามีคำแนะนำเกี่ยวกับ git และเอกสารของ GitHub นั้นยอดเยี่ยมมาก

วิธีโฮสต์บล็อกของคุณฟรีด้วย Jekyll และ GitHub Pages

สุดท้าย Jekyll ใช้ Markdown ซึ่งช่วยให้คุณเขียนเป็นข้อความธรรมดา แต่นำเสนอเนื้อหาของคุณในรูปแบบ HTML แก่ผู้ใช้ คุณควรจะคุ้นเคยกับ Markdown หรืออย่างน้อยก็เต็มใจที่จะเรียนรู้มัน นี่อาจฟังดูน่ากลัว แต่ Markdown นั้นง่ายต่อการเรียนรู้ (เรายังมีสูตรโกงสำหรับมัน)

ติดตั้ง Jekyll และการอ้างอิง

สิ่งนี้ได้รับการทดสอบบน macOS Mojave และ Ubuntu 18.04 หากคุณใช้ระบบปฏิบัติการรุ่นอื่น คุณอาจต้องตรวจสอบเว็บไซต์ Jekyll สำหรับข้อมูลเพิ่มเติม

macOS

ก่อนที่คุณจะสามารถติดตั้ง Jekyll ได้ คุณต้องติดตั้งเครื่องมือบรรทัดคำสั่ง XCode ด้วยคำสั่งต่อไปนี้:

xcode-select --install

เลือก ติดตั้ง และรอให้โปรแกรมติดตั้งเสร็จสิ้น ตอนนี้คุณสามารถติดตั้ง Jekyll และ Bundler:

gem install --user-install bundler jekyll

เมื่อคุณเรียกใช้คำสั่งนี้ คุณจะเห็นคำเตือนคล้ายกับด้านล่าง:

WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.

สังเกตหมายเลขเวอร์ชัน สมมติว่าข้อความข้างต้น รันคำสั่งต่อไปนี้ แทนที่หมายเลขเวอร์ชันที่ถูกต้องหากแตกต่าง:

echo export 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH' >> ~/.bash_profile
source ~/.bash_profile

อูบุนตู

ก่อนติดตั้ง Jekyll คุณจะต้องติดตั้งเครื่องมือสร้างด้วยคำสั่งต่อไปนี้:

sudo apt-get install ruby-full build-essential zlib1g-dev

เช่นเดียวกับ macOS เราต้องการติดตั้งและเรียกใช้จากโฮมไดเร็กทอรีแทนที่จะเป็นรูท เรียกใช้คำสั่งต่อไปนี้:

echo 'export GEM\_HOME="$HOME/gems"' >> ~/.bashrc
echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

ตอนนี้ติดตั้ง Jekyll และ Bundler:

gem install jekyll bundler

ทดสอบการติดตั้ง Jekyll ของคุณ

เพื่อให้แน่ใจว่าทุกอย่างพร้อมใช้งาน ให้เรียกใช้สิ่งต่อไปนี้:

jekyll -v

หากทุกอย่างติดตั้งอย่างถูกต้อง คุณจะเห็นข้อความพร้อมหมายเลขเวอร์ชัน หากคุณเห็นข้อความเช่น command not found โปรดดูเอกสารประกอบของ Jekyll

ตั้งค่าบล็อกใหม่ของคุณด้วย Jekyll

เมื่อติดตั้ง Jekyll แล้ว การสร้างบล็อกใหม่ของคุณก็เป็นเรื่องง่าย:

jekyll new blog

คุณสามารถใช้ชื่อใดก็ได้ที่คุณต้องการในคำสั่งด้านบนแทนบล็อก นี่เป็นเพียงชื่อของไดเร็กทอรีที่ Jekyll สร้างขึ้น ตอนนี้ cd ไปยังไดเร็กทอรีที่คุณเพิ่งสร้างขึ้น และรันคำสั่งต่อไปนี้:

bundle exec jekyll serve

วิธีโฮสต์บล็อกของคุณฟรีด้วย Jekyll และ GitHub Pages

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

ปรับแต่งบล็อกของคุณ

หากต้องการแก้ไขชื่อเว็บไซต์และข้อมูลอื่นๆ ให้เปิดไดเรกทอรีบล็อกของคุณแล้วแก้ไข “_config.yml” ตัวเลือกต่าง ๆ ที่นี่ค่อนข้างชัดเจน ตอนนี้หากต้องการ คุณสามารถแก้ไขโฮมเพจของคุณ ซึ่งเป็นไฟล์ “index.md” แม้ว่าจะเป็นทางเลือกก็ตาม

วิธีโฮสต์บล็อกของคุณฟรีด้วย Jekyll และ GitHub Pages

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

ปรับใช้บล็อกของคุณกับ GitHub

เมื่อไซต์ของคุณได้รับการตั้งค่าในเครื่องแล้ว ก็ถึงเวลาออนไลน์ หากคุณยังไม่ได้ตั้งค่าบัญชี GitHub ให้ลงชื่อสมัครใช้และรับการติดตั้งและกำหนดค่า git บนคอมพิวเตอร์ของคุณ ถัดไป สร้างที่เก็บใหม่ด้วยชื่อ username.github.io โดยแทนที่ “ชื่อผู้ใช้” ด้วยชื่อผู้ใช้ GitHub ของคุณ

วิธีโฮสต์บล็อกของคุณฟรีด้วย Jekyll และ GitHub Pages

ตอนนี้เปิดเทอร์มินัลของคุณและ cd ไปยังโฟลเดอร์บล็อกของคุณ รันคำสั่งต่อไปนี้

git init
git add --all
git commit -m "initial commit"
git remote add origin https://github.com/username/username.github.io.git
git push -u origin master

ตอนนี้คุณควรจะสามารถเข้าไปที่ username.github.io และดูบล็อกใหม่ของคุณได้ หากไม่ปรากฏขึ้นทันที ให้รอสักครู่แล้วลองอีกครั้ง

ขั้นตอนต่อไป

ขั้นตอนข้างต้นเป็นเพียงพื้นฐานในการเริ่มต้นใช้งาน Jekyll มีข้อเสนอมากมาย ดังนั้นอย่าลืมตรวจสอบเอกสารประกอบ นอกจากนี้ยังมีธีมต่างๆ มากมายที่ช่วยเติมแต่งบล็อกของคุณให้สวยงาม

มีขั้นตอนเพิ่มเติมที่ต้องทำกับ GitHub Pages ด้วย การเปิดใช้งานการรองรับ HTTPS เคยเป็นกระบวนการที่ซับซ้อนกว่า แต่ตอนนี้สามารถทำได้ในการตั้งค่าที่เก็บของคุณ การตั้งชื่อโดเมนของคุณเองก็เป็นกระบวนการง่ายๆ เช่นกัน และ GitHub มีคำแนะนำที่ดีเกี่ยวกับวิธีการทำเช่นนั้น

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