介绍“海葵”,这是一个简约的Zola主题,优先考虑清洁CSS并避免重型JavaScript。享受无缝的用户体验,以闪电般的负载时间。让您的内容以无杂音,优雅的设计为中心舞台,以增强可读性。敏捷且高效,海葵将重点放在您的想法上。
您可以在这里浏览演示网站,我也可以在自己的网站上使用它。
海葵是一种多功能的Zola主题,带有浅色和深色变体。您可以轻松地在光和黑暗主题之间切换以适合您的偏好。
要开始使用海葵,请按照以下简单的步骤:
themes
目录: cd themes
git clone https://github.com/Speyll/anemone
config.toml
中启用海葵: theme = " anemone "
此版本带来了一些改进和增强,主要集中于优化性能和用户体验。这是关键更改的摘要:
SUCS集成: Core CSS现在利用您真正制造的轻量级SUCS SUCS SUCS SUCS框架,提供更好的可维护性,鲁棒性和可扩展性。使用SUCS,该主题应在不同的浏览器上保持一致的外观。
增强的主题切换:深色和光主题拨动已对其进行修改,以提高一致性。现在,该网站尊重用户在系统范围内的主题设置,以确保无缝体验。此外,该切换保留了所选主题以供将来访问,从而提高了可用性。
平稳的过渡和声音效果:在黑暗和光模式之间享受更光滑的过渡,并带有微妙的声音效果。请放心,增加的声音效果会导致最小的性能开销,文件大小仅为1KB。
班级名称和短代码更新:一些类名称和短代码已修改,以提高组织和清晰度。对于可能造成的任何不便,我深表歉意。
颜色选择的略有变化:为了可读性而更改了一些深色模式颜色,但仍使用VEQEV。
Anemone提供了自定义网站的各种选项:
要使用标签,请将以下代码添加到页面的元数据:
[ taxonomies ]
tags = [ " tag1 " , " tag2 " ]
通过将以下代码添加到config.toml
:
[ extra ]
list_pages = true
该主题具有内置功能,可让您使用多种语言。有关如何使用此功能的详细说明,您可以参考Zola多语言文档。本文档提供了有关如何充分利用此多语言能力的其他信息。
[ languages . fr ]
generate_feeds = true
build_search_index = true
在config.toml
的extra
部分中自定义标头导航链接:
[ 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/ " }
]
在页面的前材中,将extra.toc
设置为true
:
[ extra ]
toc = true
通过将display_author
变量切换为true
或false
,在博客文章中自定义作者名称的显示:
[ extra ]
display_author = true
添加带有短代码的韦布林:
{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
author
设置在主配置和页面元数据中。image
变量将图像添加到HTML <meta>
标签中。favicon
设置为“ Favicon”,它将用作站点图标。footer_content_license
和footer_content_license_link
如果您想在页脚中显示内容许可证信息。 Twitter metatag默认情况下是生成。要禁用它们,请在config.toml
中设置extra.twitter_card
为false
:
[ extra ]
twitter_card = true
根据MIT许可条款,可以作为开源主题作为开源主题。