깨끗한 CSS를 우선시하고 무거운 자바 스크립트를 피하는 미니멀리스트 Zola 테마 인 "ANEMONE"을 소개합니다. 번개가 빠른로드 시간으로 원활한 사용자 경험을 즐기십시오. 가독성을 향상시키는 혼란스럽고 우아한 디자인으로 콘텐츠가 중심으로 진행되도록하십시오. 반응이 좋고 효율적 인 Anemone은 귀하의 아이디어에 초점을 맞 춥니 다.
여기에서 데모 웹 사이트를 탐색 할 수 있습니다. 여기에서도 내 웹 사이트에서도 사용할 수 있습니다.
ANEMONE은 밝은 변형과 어두운 변형과 함께 제공되는 다목적 Zola 테마입니다. 선호도에 맞게 밝은 테마와 어두운 테마를 쉽게 전환 할 수 있습니다.
아네모네를 시작하려면 다음과 같은 간단한 단계를 따르십시오.
themes
디렉토리에 테마를 다운로드하십시오. cd themes
git clone https://github.com/Speyll/anemone
config.toml
에서 anemone 활성화 : theme = " anemone "
이 릴리스는 주로 성능 및 사용자 경험을 최적화하는 데 중점을 둔 몇 가지 개선 및 향상을 제공합니다. 주요 변경 사항에 대한 요약은 다음과 같습니다.
SUCSS 통합 : 핵심 CSS는 이제 당신의 진정으로 당신이 만든 가벼운 SUCSS 프레임 워크를 활용하여 더 나은 유지 관리 가능성, 견고성 및 확장 성을 제공합니다. 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을 추가하십시오.
{{ webring(prev="#", webring="#", webringName="Random Webring", next="#") }}
author
설정하십시오.image
변수를 사용하여 HTML <meta>
태그에 이미지를 추가하십시오.favicon
설정하면 사이트 아이콘으로 사용됩니다.footer_content_license
and footer_content_license_link
설정하십시오. 트위터 메타 태그는 기본적으로 생성됩니다. 비활성화하려면 config.toml
에서 extra.twitter_card
false
로 설정하십시오.
[ extra ]
twitter_card = true
아네모네 테마는 MIT 라이센스의 조건에 따라 오픈 소스로 제공됩니다.