hexo theme A4

hexo-ธีม-A4

ธีมมินิมอล hexo ที่เลียนแบบกระดาษ A4 จุดสนใจหลักคือความเรียบง่าย ขนาดเล็ก และการกำหนดค่าเพียงเล็กน้อย

"ให้ผู้อ่านมุ่งเน้นไปที่การอ่านข้อความ และผู้เขียนมุ่งเน้นไปที่การเขียน" ➡️ การแสดงเอฟเฟกต์ ➡️ ใช้เอกสารประกอบ

ดาวที่มุมขวาบนเพื่ออัปเดตฟีเจอร์ได้เร็วขึ้น

️คุณสมบัติ

• ฟังก์ชันพื้นฐานของเว็บไซต์บล็อก: archive/tag/category/directory
• การปรับแต่งเนื้อหาตามเรซูเม่ของหน้าแรก ตามคำ
• การปรับแต่งส่วนท้ายของหน้าและส่วนหัว
• สามารถกำหนดค่าบทความแยกกันได้: ซ่อนบทความ สลับความคิดเห็น สลับไดเรกทอรี ปักหมุดบทความไว้ด้านบน สนับสนุนสูตรทางคณิตศาสตร์ และเข้ารหัสการเข้าถึงบทความ
• โทนสีส่วนกลางสามารถปรับแต่งและดูตัวอย่างได้หลายสี
• ใช้โมดูลความคิดเห็นที่สวยที่สุด
• สไตล์ css ที่ตั้งไว้ล่วงหน้าที่ md สามารถใช้
• มาพร้อมกับ CDN เพื่อเพิ่มความเร็วในการเข้าถึงในประเทศ
• ทรัพยากรรูปภาพ/css/js ที่บีบอัดได้ช่วยเพิ่มความเร็วการเข้าถึงเว็บไซต์ได้อย่างมาก
• เอกสารการใช้งานโดยละเอียด
• ปลั๊กอิน Hexo ที่ได้รับการตรวจสอบโดยผู้เขียนว่าได้รับการสนับสนุน
  • สูตรคณิตศาสตร์ Mathjax
  • เข้ารหัสการเข้าถึงที่เข้ารหัสสำหรับบทความเฉพาะ
  • รองรับไวยากรณ์ github-emojis
  • การสนับสนุนส่วนท้ายอ้างอิง
  • minifier บีบอัดรูปภาพเว็บไซต์/css/js และทรัพยากรอื่นๆ

การแสดงเอฟเฟกต์

ธีมสีต่างๆ

สีเทาและสีขาว (ค่าเริ่มต้น)

การจับคู่สีเขียวและสีทอง (ตั้งค่าล่วงหน้า | สามารถเปิดใช้งานได้ด้วยคลิกเดียว)

颜色搭配是一门学问นอกจากสองสีที่แนะนำโดย A4 แล้ว คุณยังสามารถผสมสีของคุณเองและแบ่งปันโทนสีกับทุกคนได้ สำหรับสีเพิ่มเติม โปรดดู: ดูตัวอย่าง

หน้าแรก

รายการบทความ

แท็กบทความและข้อมูลการจัดหมวดหมู่

ความคิดเห็น

วิธีใช้

• ยืนยันว่าโฟลเดอร์ได้ถูกสร้างขึ้นผ่านคำสั่ง hexo init นี่คือตัวอย่างโฟลเดอร์ของคุณที่ถูกตั้งชื่อว่า website
• ป้อน命令行ลงในเส้นทางโฟลเดอร์ website
• ตั้งค่าธีมเป็น A4 ในไฟล์ _config.yml ใต้โฟลเดอร์ website
• ถัดไป ติดตั้ง a4主题อย่างเป็นทางการ มีสองวิธี เลือกหนึ่งวิธี

วิธี npm (แนะนำ)

• ดำเนินการคำสั่ง npm install hexo-theme-a4@latest
• สร้างไฟล์ _config.a4.yml ในเส้นทางโฟลเดอร์ website และคัดลอกเนื้อหาที่นี่
• การกำหนดค่าส่วนบุคคลของธีมทั้งหมดจะดำเนินการในไฟล์ _config.a4.yml ซึ่งสามารถกำหนดค่าได้ด้วยตัวเองตามความคิดเห็นในไฟล์
• ดำเนินการคำสั่ง: hexo s รันโปรเจ็กต์เพื่อดูเอฟเฟกต์

วิธีคอมไพล์

• ดำเนินการคำสั่ง: git clone [email protected]:HiNinoJay/hexo-theme-A4.git themes/A4
• สร้างไฟล์ _config.a4.yml ในเส้นทางโฟลเดอร์ website และคัดลอกเนื้อหาที่นี่
• การกำหนดค่าส่วนบุคคลของธีมทั้งหมดจะดำเนินการในไฟล์ _config.a4.yml ซึ่งสามารถกำหนดค่าได้ด้วยตัวเองตามความคิดเห็นในไฟล์
• ดำเนินการคำสั่ง: hexo s รันโปรเจ็กต์เพื่อดูเอฟเฟกต์

ต้องอ่านการกำหนดค่า

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

hexo new page index
hexo new page list

สำหรับการกำหนดค่าโดยละเอียดอื่นๆ โปรดดู: ➡️ เอกสารการใช้งาน ออนไลน์ได้แล้ว

⬆️วิธีอัปเดต

ขึ้นอยู่กับวิธี安装ของคุณ ให้เลือกวิธีการอัพเดต对应的

ทางเวลา 13.00 น

ป้อนบรรทัดคำสั่งลงใน根目录ของเว็บไซต์บล็อกของคุณและดำเนินการคำสั่ง:

npm install hexo-theme-a4@latest

วิธีคอมไพล์

ป้อนบรรทัดคำสั่งลงในไดเร็กทอรี themes/A4 และดำเนินการคำสั่ง:

git pull

---

สังเกต

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

หากเป็นเช่นนั้น คุณจะต้องคัดลอกไฟล์ล่าสุดที่เกี่ยวข้องกับส่วนที่ใหม่/แก้ไขของ _config.a4.yml ของคุณ

☕️สนับสนุน

ยินดีต้อนรับสู่การส่งคำขอดึงข้อมูลหรือปัญหา โปรดส่งไปที่สาขา dev

หากคุณต้องการสื่อสารสิ่งอื่นใด คุณสามารถส่งอีเมลไปที่:[email protected]

หากคุณคิดว่าฉันทำงานได้ดี โปรดให้ดาวแก่โครงการนี้หรือซื้อกาแฟให้ฉันสักแก้ว☕️

?ปลื้มปีติ

ขอขอบคุณอย่างจริงใจต่อผู้สนับสนุน A4: https://github.com/HiNinoJay/hexo-theme-A4/blob/main/DONATION.md

นักดูดาวเมื่อเวลาผ่านไป