ในบทช่วยสอนนี้เราจะเรียนรู้วิธีการโยกย้ายเว็บไซต์ของคุณจาก WordPress ไปยัง Jekyll และโฮสต์กับ GitHub โดยไม่เสียค่าใช้จ่าย

WordPress ถึง Jekyll

Jeykll เป็นเครื่องกำเนิดไซต์แบบคงที่โอเพ่นซอร์ส มันเปลี่ยนข้อความธรรมดาของคุณเป็นเว็บไซต์และบล็อกแบบคงที่ ต้องใช้ข้อความที่เขียนไว้ในมาร์กอัป (Markdown, Liquid, HTML / CSS) และใช้เลย์เอาต์เพื่อสร้างเว็บไซต์แบบคงที่ Jekyll เป็นบล็อกที่รับรู้และลิงก์ถาวรหมวดหมู่หน้าโพสต์และเค้าโครงที่กำหนดเองเป็นพลเมืองชั้นหนึ่งทั้งหมด หนึ่งในประโยชน์ที่ยิ่งใหญ่ที่สุดของ Jekyll คือคุณสามารถโฮสต์เว็บไซต์คงที่ของคุณในหน้า GitHub และเรียกใช้เว็บไซต์หรือบล็อกของคุณโดยไม่เสียค่าใช้จ่าย ดังนั้นการโยกย้าย WordPress ไปยัง Jekyll สามารถช่วยคุณปรับปรุงประสิทธิภาพและความเร็วของเว็บไซต์ของคุณ ในโพสต์บล็อกนี้เราจะผ่านวิธีการโยกย้ายเว็บไซต์หรือบล็อกที่มีอยู่ของคุณจาก WordPress ไปยัง Jekyll เพื่อความเร็วและประสิทธิภาพที่ดีขึ้น ดังนั้นมาเริ่มกันเถอะ!

ทำไมต้องโยกย้าย?

ใน Jekyll คุณจะได้รับ 100/100 คะแนนประภาคาร เพราะไม่มีการโต้ตอบฐานข้อมูล และเนื้อหาทั้งหมดจะถูกประมวลผลล่วงหน้าและบันทึกเป็นไฟล์ HTML และ Jekyll จะทำคำขอ HTTP จำนวนน้อยที่สุดเท่านั้น ดังนั้นจึงเร็วสุด ๆ

การติดตั้งและตั้งค่า jekyll

Jekyll เขียนเป็นทับทิม ดังนั้นคุณต้องติดตั้งก่อนในคอมพิวเตอร์ของคุณ คู่มือนี้สันนิษฐานว่าคุณติดตั้งทับทิมอยู่แล้วในคอมพิวเตอร์ของคุณ ถ้าไม่ใช่คุณสามารถทำตาม คู่มืออย่างเป็นทางการ ก่อนอื่นเราจะ“ jekyl ” และ“ Bundler ” อัญมณีโดยใช้คำสั่ง“ Gem ” ซึ่งจะพร้อมใช้งานหลังจากติดตั้งทับทิม เปิดบรรทัดคำสั่งและเรียกใช้รหัสต่อไปนี้

gem install jekyll bundler

จากนั้นเรียกใช้คำสั่งต่อไปนี้เพื่อสร้างไซต์ใหม่ สิ่งนี้จะสร้างโฟลเดอร์ myblog

jekyll new myblog

เมื่อติดตั้งแล้วคุณสามารถสร้างไซต์และให้บริการบนเซิร์ฟเวอร์ท้องถิ่น

bundle exec jekyll serve

ไซต์จะมีให้ใน http: // localhost: 4000 นอกจากนี้ยังสร้างโฟลเดอร์“ _ site ” ในโฟลเดอร์ของคุณนั่นคือสิ่งที่ผลลัพธ์สุดท้ายของเว็บไซต์คือ

นำเข้าหน้า WordPress และโพสต์

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

ruby -r rubygems -e 'require "jekyll-import";
    JekyllImport::Importers::WordPress.run({
      "dbname"         => "",
      "user"           => "",
      "password"       => "",
      "host"           => "localhost",
      "port"           => "3306",
      "socket"         => "",
      "table_prefix"   => "wp_",
      "site_prefix"    => "",
      "clean_entities" => true,
      "comments"       => true,
      "categories"     => true,
      "tags"           => true,
      "more_excerpt"   => true,
      "more_anchor"    => true,
      "extension"      => "html",
      "status"         => ["publish"]
    })'

สิ่งนี้นำเข้าข้อมูลและเนื้อหาและเนื้อหาเท่านั้น ผู้นำเข้านี้จะแปลงโพสต์ของคุณเท่านั้นและสร้าง Yaml Front-Matter มันไม่ได้นำเข้าเลย์เอาต์สไตล์หรือไฟล์ภายนอก (รูปภาพ, CSS ฯลฯ )

การปรับใช้กับหน้า gitHub

จนถึงตอนนี้เราได้สร้างบล็อก Jekyll ของเราในพื้นที่ ตอนนี้เรากำลังจะปรับใช้กับ GitHub ก่อนอื่นเราต้องควบคุมไซต์ของเราโดยใช้ GIT เรียกใช้คำสั่งต่อไปนี้ในโฟลเดอร์ของไซต์

git init
git add .
git commit -m "Initial Commit"

เมื่อติดตั้ง Jekyll ควรสร้างไฟล์“ . gitignore ” โดยอัตโนมัติในรูทโดยมีเนื้อหาอย่างน้อยต่อไปนี้ จากนั้นเข้าสู่ระบบ GitHub และสร้างที่เก็บใหม่ชื่อ yourname.github.io ถัดไปคัดลอก URL HTTPS ของที่เก็บ

gitHub https url

จากนั้นเพิ่มพื้นที่เก็บข้อมูลระยะไกลและกดรหัส

git remote add origin https://github.com/{yourname}/{yourname}.github.io.git
git push origin master

เสร็จแล้ว! เว็บไซต์ของคุณจะต้องมีอยู่ใน ourname.github.io

บทสรุป

ในบทความนี้เราได้เรียนรู้วิธีการสร้างบล็อกแบบคงที่ด้วยไซต์ Jekyll จากนั้นเราเรียนรู้วิธีการส่งออกโพสต์และหน้าของคุณจาก WordPress ไปยัง Jekyll และในที่สุดเราก็ปรับใช้ไซต์สุดท้ายไปยังหน้า GitHub