หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

[ภาษาอังกฤษ] [日本語] [Português Do Brasil] [Français] [简体中文] [한국어] [türkçe]

ธีม Mr. Green Jekyll



คลิกที่นี่เพื่อสาธิตสด

การแนะนำ

Mr. Green เป็นธีมหลายภาษาที่สร้างขึ้นด้วย Jekyll และเข้ากันได้อย่างเต็มที่กับหน้า GitHub

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

คุณสมบัติ

  • เว็บไซต์หลายภาษา
    • ภาษาอังกฤษ (ค่าเริ่มต้น), ญี่ปุ่น, บราซิลโปรตุเกส, ฝรั่งเศส, จีน, จีน (ง่าย), เกาหลี, ตุรกี
  • คุณสมบัติข้อเสนอภาษาที่แนะนำ
  • ปุ่มนำทางอัตโนมัติ adder พร้อมไอคอนเปิดใช้งานตัวเลือกการปิดใช้งาน
  • เลย์เอาต์สำหรับ Home About Archives Post-list Links Projects และอื่น ๆ
  • ตัวเลือกการสลับชุดสี (แสงมืด)
  • ตัวเลือกการติดต่ออัตโนมัติ adder
  • ผู้อ้างอิงภาพอัตโนมัติ (ไม่จำเป็นต้องเพิ่มเส้นทางเต็มรูปแบบสำหรับรูปภาพเพียงเพิ่ม : ด้านหน้าของมัน)
  • Image Lazy Loader, Image Viewer
  • ส่วนท้ายสุดเจ๋งพร้อมใบอนุญาตครีเอทีฟคอมมอนส์
  • สารบัญที่เคลื่อนย้ายได้กล่องโมดอลสำหรับโพสต์
  • ตัวเลือกโพสต์หุ้น
  • โพสต์รายชื่อตามหมวดหมู่หรือแท็ก
  • ความคิดเห็นสำหรับโพสต์
    • กบสคัส
    • disqus
  • การเลือกจำนวนที่เลือกได้หรือเลื่อนไปยังประเภทโหลด
  • คุณสมบัติแผนที่ไซต์
  • การเพิ่มประสิทธิภาพกลไกค้นหา (SEO)
    • มาร์กอัปสคีมา
    • เปิดกราฟ
    • Twitter
  • Analytics (Google Analytics)
  • คุณสมบัติความยินยอมของคุกกี้
  • คุณสมบัติฟอร์มการติดต่อ (แบบฟอร์ม Google)
  • คุณสมบัติการค้นหาไซต์
  • การบีบอัดรหัสสำหรับรอยเท้าขนาดเล็ก ( HTML JS SCSS )
  • รองรับแอพมือถือ
  • อุปกรณ์มือถือเป็นมิตร (ทดสอบบน Android และ iOS)
  • โครงสร้างโฟลเดอร์ที่จัดระเบียบอย่างดีสำหรับนักพัฒนา (ทดสอบใน Chrome, Safari, Firefox)

การติดตั้ง

หน้า GitHub

  1. ส้อม repo

  2. แก้ไข _config.yml และเปลี่ยน url เช่นด้านล่างและผลักดันการเปลี่ยนแปลง 

     url : " https://your_github_user_name.github.io "

  3. เปลี่ยนชื่อชื่อ repo เป็น your_github_user_name.github.io

  4. ตรวจสอบแท็บ Actions ดำเนินการบน Repo

  5. เมื่อมันเปลี่ยนเป็นสีเขียวเว็บไซต์ของคุณจะทำงานที่ https://your_github_user_name.github.io

บิลด์ท้องถิ่น

  1. ติดตั้ง Jekyll ไปยังระบบปฏิบัติการของคุณ
  2. โคลนหรือดาวน์โหลด repo ในคำสั่งพรอมต์ไปที่คำสั่ง Run bundle install ของโฟลเดอร์
  3. สร้างโดยใช้ bundle exec jekyll serve --watch --host 0.0.0.0 --safe ,
    • ด้วยพารามิเตอร์ --host 0.0.0.0 คุณสามารถเข้าถึงเว็บเซิร์ฟเวอร์จาก LAN เดียวกัน
    • ด้วยพารามิเตอร์ --safe คุณสามารถตรวจสอบให้แน่ใจว่าไม่มีการเพิ่มปลั๊กอินของบุคคลที่สาม (สำหรับการพัฒนาหน้า GitHub)
  4. หน้าของคุณจะเปิดใช้งานที่ 0.0.0.0:4000/ ที่อยู่

เอกสาร

ตรวจสอบเพลย์ลิสต์บทช่วยสอนของ Mr. Green บน YouTube

การให้เครดิต

ฉันต้องการขอบคุณโครงการเหล่านี้ที่ให้โอกาสฉันในการสร้างเว็บไซต์ของฉัน

  • Jekyll เป็นเครื่องกำเนิดไซต์แบบคงที่ ต้องใช้ข้อความที่เขียนด้วยภาษามาร์กอัปที่คุณชื่นชอบและใช้เลย์เอาต์เพื่อสร้างเว็บไซต์แบบคงที่ คุณสามารถปรับแต่งรูปลักษณ์และความรู้สึกของเว็บไซต์ URL ข้อมูลที่แสดงบนหน้าและอื่น ๆ มันเป็นโครงการที่ยอดเยี่ยมซึ่งได้รับการดูแลโดยอาสาสมัคร

  • หน้า GitHub โฮสต์โดยตรงจากที่เก็บ GitHub ของคุณ เพียงผลักดันการเปลี่ยนแปลงและไซต์จะถูกสร้างขึ้นโดยอัตโนมัติ

บางเว็บไซต์ที่ฉันพบว่ามีประโยชน์ในขณะที่ฉันกำลังทำงานในโครงการนี้ หน้าลิงก์

คุณสามารถสนับสนุนงานของฉัน

การสร้างโครงการที่เริ่มต้นจากสิ่งใดไม่ต้องใช้เวลามาก ชื่นชมมากถ้าคุณพิจารณาสนับสนุนฉันเพื่อที่ฉันจะได้ทำโครงการต่อไปนี้และสร้างเนื้อหาใหม่สำหรับทุกคน

  • คุณสามารถเป็นหนึ่งในสปอนเซอร์ GitHub ของฉัน (รายเดือนหรือครั้งเดียว)
  • คุณสามารถเป็นหนึ่งใน patreons ของฉัน (รายเดือน)
  • คุณสามารถให้ทิปฉันผ่าน Ko-Fi (ครั้งเดียว)

มีส่วนช่วย

ยินดีต้อนรับคำขอดึง โปรดตรวจสอบคำแนะนำในปัญหาและดึงแม่แบบคำขอ

ผู้มีส่วนร่วม

ขอบคุณสำหรับผลงานของคุณ!

  • การแปลภาษาโปรตุเกสของบราซิลโดย Vitor Dallacqua
  • การแก้ไขการแปลภาษาฝรั่งเศสโดย Jean-Philippe Morissette
  • การแปลภาษาจีนโดย Fairycn
  • การแปลภาษาตุรกีโดย Onur Ergünay

ใบอนุญาต

ตามที่ระบุไว้ในใบอนุญาต MIT คุณสามารถใช้ธีมนี้ได้ทุกที่ตราบเท่าที่คุณรวมใบอนุญาตและประกาศลิขสิทธิ์

Copyright (c) 2022 Mr. Green's Workshop https://www.MrGreensWorkshop.com

โปรดเพิ่มลิงก์ไปยังหน้าของฉันหรือทิ้งลิงค์ "PWRD by Mr. Green" ไว้ในส่วนท้ายเพื่อให้ฉันได้รับเครดิตสำหรับการทำงานของฉัน

ขอบคุณ!

ใบอนุญาตอื่น ๆ

ธีม Mr. Green Jekyll รวมห้องสมุดที่เขียนไว้ด้านล่าง หากไม่มีห้องสมุดเหล่านี้ฉันไม่สามารถทำให้โครงการนี้เป็นไปได้

ห้องสมุด ไฟล์
JQuery v3.6.0, มูลนิธิ Copyright OpenJS และผู้สนับสนุนอื่น ๆ jQuery มีการแจกจ่ายภายใต้ข้อกำหนดของใบอนุญาต MIT jQuery-3.6.0.min.js
Bootstrap v3.3.7, ลิขสิทธิ์ (c) 2011-2016 Twitter, Inc. Bootstrap จัดจำหน่ายภายใต้เงื่อนไขของใบอนุญาต MIT bootstrap.min.js, bootstrap.min.css
Bootstrap สารบัญ V0.4.1, ลิขสิทธิ์ (C) 2015 Aidan Feldman Bootstrap สารบัญมีการแจกจ่ายภายใต้ข้อกำหนดของใบอนุญาต MIT bootstrap-toc.min.js, bootstrap-toc.min.css
Font Awesome V4.7.0, ลิขสิทธิ์ (C) 2017 Dave Gandy ฟอนต์ที่ยอดเยี่ยมฟอนต์มีการแจกจ่ายภายใต้เงื่อนไขของ SIL OFL 1.1 ฟอนต์ CSS ที่ยอดเยี่ยมน้อยกว่าและ SASS จะถูกแจกจ่ายภายใต้ข้อกำหนดของใบอนุญาต MIT font-joresome.min.css, fontawesome
lozad.js v1.16.0, ลิขสิทธิ์ (c) 2017 Apoorv Saxena lozad.js มีการแจกจ่ายภายใต้เงื่อนไขของใบอนุญาต MIT lozad.min.js
Magnific Popup v1.1.0, ลิขสิทธิ์ (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com ป๊อปอัพที่ยอดเยี่ยมมีการแจกจ่ายภายใต้ข้อกำหนดของใบอนุญาต MIT jQuery.magnific-popup.min.js, magnific-popup.css
Simple-Jekyll-Search v1.9.2, ลิขสิทธิ์ (c) 2015 Christian Fei Simple-Jekyll-Search จัดจำหน่ายภายใต้ข้อกำหนดของใบอนุญาต MIT Simple-Jekyll-search-1.9.2.min.js
บีบอัด HTML ใน Jekyll v3.1.0, ลิขสิทธิ์ (C) 2014 Anatol Broder บีบอัด HTML ใน Jekyll มีการแจกจ่ายภายใต้ข้อกำหนดของใบอนุญาต MIT ประคบ

ธีม Mr. Green Jekyll

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด