หากคุณมองหาเริ่มบล็อก โอกาสชื่อแรกที่เจอก็คือ WordPress มีเหตุผล WordPress ยืดหยุ่นมาก ขับเคลื่อนเว็บไซต์ใหญ่และเล็กได้ แต่ไม่ใช่ทุกเว็บที่ต้องการ infrastructure อันทรงพลังอย่างนั้น โดยเฉพาะบล็อกง่ายๆ
มีตัวเลือกเล็กกว่า เรียบง่ายกว่า และถูกกว่า GitHub Pages เช่น ฟรีสำหรับ personal use รวมกับ Jekyll static site generator คุณมีทุกอย่างสำหรับบล็อก แตกว่า ยังฟรีอีกด้วย
ก่อนเริ่มต้น
คุณจะรัน Jekyll บนคอมพิวเตอร์ตัวเอง และมีแค่ macOS และ Linux ที่ supported อย่างเป็นทางการ เราจะครอบคลุมทั้งสอง OS และคำแนะนำ Linux อาจทำงานกับ Windows Subsystem for Linux running Ubuntu แตยังไม่ได้ทดสอบ
คุณยังต้องการ text editor ที่ดี TextEdit หรือ GEdit ทำได้ แต่อาจอยากได้อะไร robust มากกว่า เราเคยดู cross-platform text editors ที่ดีหลายตัว
สิ่งที่ควรรู้
คุณควรมีความคุ้นเคยกับ command line อย่างน้อยพอใช้งาน คุ้นเคยกับ git และ GitHub จำเป็นเช่นกัน หากไม่คุ้นเคย เรามีคู่มือ git และ documentation ของ GitHub เองดีมาก
สุดท้าย Jekyll ใช้ Markdown ให้คุณเขียน plain text แต่นำเสนอ content เป็น HTML ให้ผู้ใช้ คุณควรคุ้นเคย Markdown หรือพร้อมเรียน มันดูน่ากลัว แต Markdown เรียนง่าย (เรามี cheatsheet ให้)
ติดตั้ง Jekyll และ dependencies
ทดสอบบน macOS Mojave และ Ubuntu 18.04 หากคุณรัน version อื่น อาจต้องเช็ค Jekyll website เพิ่มเติม
macOS
ก่อนติดตั้ง Jekyll ต้องติดตั้ง XCode command line tools ด้วยคำสั่ง:
xcode-select --install
เลือก Install และรอ installer เสร็จ ตอนนี้ติดตั้ง Jekyll และ Bundler:
gem install --user-install bundler jekyll
ตอนรันคำสั่งนี้ จะเห็น warning คล้ายด้านล่าง:
WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.
จด version number สมมติข้อความด้านบน รันคำสั่งต่อไป แทน version number ที่ถูกต้องหากต่าง:
echo export 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH' >> ~/.bash_profile source ~/.bash_profile
Ubuntu
ก่อนติดตั้ง Jekyll ต้องติดตั้ง build tools:
sudo apt-get install ruby-full build-essential zlib1g-dev
เหมือน macOS เราต้องการ install และ run จาก home directory ไม่ใช่ root รันคำสั่ง:
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
หากติดตั้งถูกต้อง จะเห็นข้อความพร้อม version number หากเห็น command not found ดู Jekyll documentation
ตั้งค่าบล็อกใหม่ด้วย Jekyll
ตอน Jekyll พร้อม สร้างบล็อกใหม่ง่าย:
jekyll new blog
คุณใช้ชื่ออะไรก็ได้แทน blog นี่คือชื่อ directory ที่ Jekyll สร้าง ตอนนี้ cd ไป directory ที่เพิ่งสร้าง และรัน:
bundle exec jekyll serve
จะ launch บล็อกใหม่รัน locally บนคอมพิวเตอร์ เปิด URL ที่แสดงในเบราว์เซอร์ดูเว็บไซต์ จะเห็นว่ายังมีงานทำ กด Ctrl + C หยุด
ปรับแต่งบล็อกของคุณ
เพื่อแก้ไข site title และข้อมูลอื่นๆ เปิด blog directory และแก้ไข "_config.yml" ตัวเลือกต่างๆ ค่อนข้างชัดเจน ตอนนี้หากอยากแก้ home page ซึ่งคือไฟล์ "index.md" ก็ทำได้ (optional)
เพื่อเริ่มเขียนโพสต์บล็อกแรก เปิดโฟลเดอร์ "_posts" จะเห็น sample post เปิดแก้ไข หรือ duplicate สร้างโพสต์ใหม่
Deploy บล็อกไป GitHub
ตอนเว็บไซต์พร้อม locally ถึงเวลา online หากยังไม่มี GitHub account สมัครและติดตั้งตั้งค่า git บนคอมพิวเตอร์ ต่อไป สร้าง repository ใหม่ชื่อ username.github.io แทน "username" ด้วย GitHub username ของคุณ
เปิด terminal และ cd ไป blog folder รันคำสั่ง:
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 ได้และเห็นบล็อกใหม่ หากไม่ขึ้นทันที รอสักครู่ลองใหม่
ขั้นตอนต่อไป
ขั้นตอนข้างต้นคือ basics เพื่อให้รันได้ Jekyll มีอะไรให้มาก อย่าลืมเช็ค documentation มี themes หลายตัวให้ spice up ลุคของบล็อก
มีขั้นตอนเพิ่มเติมกับ GitHub Pages การ enable HTTPS เดิมซับซ้อน ตอนนี้ทำได้ใน repository settings การตั้ง custom domain name ก็ง่าย GitHub มี guide ดี
สิ่งสุดท้าย ควรเช็คการเปลี่ยนแปลง locally ก่อน commit ไป repository แค่รันคำสั่ง bundler ที่ใช้ก่อนหน้านี้ ดูเว็บไซต์บนคอมพิวเตอร์ จะช่วยจับ typo ถึง Markdown syntax errors
