jekyll starter blog

เทมเพลตบล็อกเริ่มต้นของ Jekyll

ไซต์ที่สร้างแบบคงที่ซึ่งออกแบบมาสำหรับนักพัฒนาที่ต้องการเขียนบล็อกโพสต์ที่โฮสต์ในโฮสติ้งแบบคงที่ (เช่น: หน้า Github)

เว็บไซต์สาธิต : https://sutanlab.js.org/jekyll-starter-blog

คุณสมบัติ

• ง่าย อัตโนมัติ และรวดเร็ว
• ปรับ SEO ให้เหมาะสม
• รองรับมือถือ (เพิ่มไปที่หน้าจอหลัก)
• ระบบแสดงความคิดเห็นพร้อม Disqus
• ค้นหาสด
• การแบ่งหน้า AJAX
• ฟีด RSS
• แผนผังเว็บไซต์
• ข้อความหุ่นยนต์
• เชลล์สคริปต์เพื่อสร้างโพสต์และปรับใช้อัตโนมัติกับหน้า GitHub

จำเป็นในระบบ

1. โหนดJS
2. ทับทิม

ตั้งค่า

1. ติดตั้งข้อกำหนด
2. บล็อกเริ่มต้นของ Fork Jekyll
3. โคลนหรือดาวน์โหลดพื้นที่เก็บข้อมูลที่คุณเพิ่งแยก
4. ไปที่โฟลเดอร์ที่คุณเพิ่งโคลนหรือดาวน์โหลดและรัน npm install เพื่อติดตั้งการอ้างอิง npm และ Bundler ทั้งหมด
5. ดูโพสต์ตัวอย่างใน _posts เพื่อดูตัวอย่างการกำหนดหมวดหมู่และแท็ก
6. อ่านเอกสารประกอบด้านล่างเพื่อดูคำแนะนำและเอกสารประกอบการปรับแต่งเพิ่มเติม

การตั้งค่าเว็บไซต์ของคุณ

ไปแก้ไข _config.yml

 # Site settings
name : Sutanlab Blog
title : Gading Nst. - Coder
description : A blog and journal about Gading Nst, Junior Developer
baseurl : " /jekyll-starter-blog " # the subpath for your site default is ""
url : " https://sutanlab.js.org " # the base hostname & protocol in your domain (e.g: https://sutanlab.github.io)

# Author Setting
username : Gading Nst.
user_description : Learner, Coder & Coffee Maniac
user_title : Welcome to My Blog Site
avatar_url : /jekyll-starter-blog/assets/img/sutan.jpeg
email : [email protected]
github_username : sutanlab
disqus_username : sutanlab
facebook_username : sgnzst
instagram_username : sutan_gnst
twitter_username : sutan_gnst
medium_username : sutan.gnst

...

การปรับแต่งธีม

ไปและแก้ไข _variables.scss ในโฟลเดอร์ src/sass

 // theme color
$main : #2c3e50 ;
$sidemenu : #242f3a ;
$hover : darken ( $main , 50 % );
$sec : #FFFFFF ;
$lightGray : #F2F2F2 ;
$texts : #333333 ;
$colorcode : #3085F4 ;
$loader-color : #FFFFFF ;

/* *
  * adjust with your disqus theme
  * if your disqus theme is dark, the color should be darken. 
  * if your disqus theme is light, the color should be lighten
*/
$comment-theme : #304165 ; 

// responsive cut
$cut : 37.5 rem ;

สร้างโพสต์ใหม่ด้วยคำสั่ง post.sh

คุณเพียงทำตามคำสั่ง ./post -c Post Title เพื่อสร้างโพสต์ใหม่ โพสต์ใหม่จะถูกสร้างขึ้นที่ _posts ด้วยรูปแบบ .md และเมื่อคุณสร้างโพสต์ใหม่คุณจะต้องกรอกข้อมูลโพสต์ในส่วนหน้าตามตัวอย่างนี้:

 ---
layout : post
title : Post Title
date : 2019-05-02 16:32:44
image : /assets/img/blog/post-image.png
description : First steps to use this template
tags :
  - jekyll 
  - template
categories :
  - I love Jekyll
twitter_text : How to install and use this template
keywords : jekyll, template, my post
---

สำหรับคำสั่ง ./post.sh อื่นๆ:

• ./post -h คำแนะนำเอาต์พุต
• ./post -c $TITLE สร้างโพสต์
• ./post -d $TITLE สร้างโพสต์ฉบับร่าง
• ./post -p $TITLE เผยแพร่/โปรโมตฉบับร่างในโพสต์

วิธีปรับใช้ไซต์ในหน้า Github

1. อย่าลืมรัน npm run build สำหรับ Compile sass, js และ build ไฟล์ไซต์ก่อนที่จะปรับใช้ไซต์

2. npm run deploy เพื่อปรับใช้กับสาขาอื่นซึ่งอยู่ในหน้า GitHub

3. หรือคุณสามารถใช้การปรับใช้อัตโนมัติด้วย ./deploy.sh

วิธีรันเซิร์ฟเวอร์ในเครื่องเพื่อการพัฒนา

รัน npm start หรือ bundle exec jekyll server --host=$IP_ADDR --port=$PORT

สนับสนุนฉัน

ทั่วโลก

อินโดนีเซีย

• แทรคเทียร์
• คาร์ยาการ์ซา

---

ลิขสิทธิ์ © 2019 โดย Gading Gading Fadhillah Nasution