anemone

ดอกไม้ทะเล

แนะนำ "Anemone" ชุดรูปแบบ Zola ที่เรียบง่ายซึ่งจัดลำดับความสำคัญ CSS ที่สะอาดและหลีกเลี่ยง JavaScript หนัก เพลิดเพลินไปกับประสบการณ์การใช้งานที่ไร้รอยต่อด้วยเวลาโหลดเร็ว ปล่อยให้เนื้อหาของคุณอยู่ตรงกลางเวทีในการออกแบบที่ไร้ความปราณีและสง่างามที่ช่วยเพิ่มความสามารถในการอ่าน การตอบสนองและมีประสิทธิภาพดอกไม้ทะเลทำให้เน้นความคิดของคุณ

คุณสามารถเรียกดูเว็บไซต์สาธิตได้ที่นี่ฉันยังใช้กับเว็บไซต์ของฉันเอง

Anemone เป็นธีม Zola อเนกประสงค์ที่มาพร้อมกับทั้งแสงและสีเข้ม คุณสามารถสลับระหว่างธีมแสงและความมืดได้อย่างง่ายดายเพื่อให้เหมาะกับความชอบของคุณ

การติดตั้ง

ในการเริ่มต้นด้วยดอกไม้ทะเลให้ทำตามขั้นตอนง่ายๆเหล่านี้:

1. ดาวน์โหลดธีมไปยังไดเรกทอรี themes ของคุณ:

 cd themes
git clone https://github.com/Speyll/anemone

2. เปิดใช้งานดอกไม้ทะเลใน config.toml ของคุณ:

 theme = " anemone " 

บันทึกย่อ

02-03-2024

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

• การบูรณาการ SUCS: CES CSS ตอนนี้ใช้ประโยชน์จากกรอบ SUCS ที่มีน้ำหนักเบาที่ทำโดยคุณอย่างแท้จริงให้การบำรุงรักษาที่ดีขึ้นความทนทานและความยืดหยุ่น ด้วย Sucss ธีมควรรักษารูปลักษณ์ที่สอดคล้องกันในเบราว์เซอร์ที่แตกต่างกัน

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

• การเปลี่ยนแปลงอย่างราบรื่นและเอฟเฟกต์เสียง: เพลิดเพลินไปกับการเปลี่ยนแปลงที่ราบรื่นระหว่างโหมดมืดและแสงพร้อมกับเอฟเฟกต์เสียงที่ละเอียดอ่อน มั่นใจได้ว่าเอฟเฟกต์เสียงที่เพิ่มเข้ามาจะเกิดค่าใช้จ่ายน้อยที่สุดโดยมีขนาดไฟล์เป็นเพียง 1KB

• การอัปเดตชื่อคลาสและรหัสย่อ: ชื่อคลาสและรหัสย่อบางตัวได้รับการแก้ไขสำหรับองค์กรและความชัดเจนที่ดีขึ้น ขออภัยในความไม่สะดวกที่อาจเกิดขึ้น

• การเปลี่ยนแปลงเล็กน้อยในการเลือกสี: บางสีโหมดมืดมีการเปลี่ยนแปลงเพื่อประโยชน์ในการอ่านยังคงใช้ veqev

ตัวเลือก

Anemone มีตัวเลือกต่าง ๆ ในการปรับแต่งเว็บไซต์ของคุณ:

taxonomies เริ่มต้น

หากต้องการใช้แท็กให้เพิ่มรหัสต่อไปนี้ในข้อมูลเมตาของหน้า:

[ taxonomies ]
tags = [ " tag1 " , " tag2 " ]

รายชื่อหน้าในหน้าแรก

เปิดใช้งานรายการหน้าในหน้าแรกโดยเพิ่มรหัสต่อไปนี้ลงใน config.toml :

[ extra ]
list_pages = true 

หลายภาษา

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

[ languages . fr ]
generate_feeds = true
build_search_index = true 

แถบนำทางหลายภาษา-พร้อม

ปรับแต่งลิงก์นำทางส่วนหัวด้วยรหัสต่อไปนี้ในส่วน extra ของ config.toml :

[ extra ]

header_nav = [
  { url = " / " , name_en = " /home/ " , name_fr = " /accueil/ " },
  { url = " /about " , name_en = " /about/ " , name_fr = " /concernant/ " },
  { url = " /journal " , name_en = " /journal/ " , name_fr = " /journal/ " },
  { url = " /blog " , name_en = " /blog/ " , name_fr = " /blog/ " }
]

เพิ่มสารบัญ (TOC) ไปยังหน้า

ใน frontmatter ของหน้าตั้ง extra.toc เป็น true :

[ extra ]
toc = true 

แสดงชื่อผู้แต่งในบล็อกโพสต์

ปรับแต่งการแสดงชื่อผู้แต่งในโพสต์บล็อกของคุณโดยสลับตัวแปร display_author เป็น true หรือ false :

[ extra ]
display_author = true

เวบริงส์

เพิ่ม webring ด้วยรหัสย่อ:

{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}

ข้อมูลพิเศษ

• ตั้งค่า author ทั้งการกำหนดค่าหลักและในข้อมูลเมตาดาต้า
• ใช้ตัวแปร image ในหน้าเพื่อเพิ่มภาพลงในแท็ก HTML <meta>
• ในทำนองเดียวกันตั้ง favicon ในการกำหนดค่าหลักและจะใช้เป็นไอคอนไซต์
• SET footer_content_license และ footer_content_license_link หากคุณต้องการแสดงข้อมูลใบอนุญาตเนื้อหาในส่วนท้าย

ปิดใช้งานบัตร Twitter

Metatags Twitter ถูกสร้างขึ้นตามค่าเริ่มต้น หากต้องการปิดใช้งานให้ตั้งค่า extra.twitter_card เป็น false ใน config.toml :

[ extra ]
twitter_card = true

ใบอนุญาต

ชุดรูปแบบของ Anemone มีให้เป็นโอเพ่นซอร์สภายใต้ข้อกำหนดของใบอนุญาต MIT