abridge

Zola 테마를 요약하십시오

Abridge.css (클래스 조명 시맨틱 HTML CSS 프레임 워크)를 사용하는 빠르고 가볍고 현대적인 Zola 테마. 완벽한 등대, 옐로우 블라 툴 및 전망대 점수. 다음은 Zola 테마 벤치 마크 페이지입니다.

이 프로젝트의 유지 보수는 모든 기고자와 스폰서가 가능합니다. 이 프로젝트를 후원하고 아바타 또는 회사 로고가 아래에 표시 되려면 여기를 클릭하십시오. ?

---

Abridge 데모를 봅니다

Abridge.css Demo보기 [Abridge.css 프레임 워크]

Abridge.css Demo는 단순히 Abridge 테마를 하위 모듈로 사용합니다 : config.toml, sass/abridge.scss

특징

• 완벽한 등대, 옐로우 블라 툴 및 전망대 점수.
• PWA 지원 (프로그레시브 웹 응용 프로그램).
• 모든 JavaScript를 완전히 비활성화 할 수 있습니다.
• 어둡고 가볍고 자동 및 스위처 테마. (색상은 사용자 정의 할 수 있습니다, CSS 변수)
• 코드 구문 강조 표시. (색상은 사용자 정의 할 수 있습니다, CSS 변수)
• 라인 강조 표시가있는 번호가 매겨진 코드 블록.
• pwa를 사용 하거나 config.toml (전체 검색 지원)에서 search_library = "offline" 설정하여 완전히 오프라인 사이트.
• 다국어 지원.
• 검색 지원. (ElasticLunr, PageFind, TinyySearch)
• 검색 제안 내비게이션 키, / 포커스, arrow 이동, 선택을 enter escape .
• 검색 결과 페이지, 검색 쿼리를 입력 한 다음 Enter Key 누르거나 검색 버튼 아이콘을 click .
• SEO 지원. (검색 엔진 최적화)
• 인덱스에 번호가 매겨진 페이지 매김.
• 제목 기반 이전 및 다음 기사는 기사 맨 아래에 링크됩니다.
• 페이지 색인의 목차 (선택 사항, 클릭 가능한 링크)
• 최근 게시물 블록. (선택 과목)
• 상단 버튼으로 돌아갑니다. (CSS 만 사용)
• 코드는 복사 버튼을 차단합니다.
• 바닥 글 난독 화의 이메일 링크. (안티 스팸)
• Katex 지원.
• 아카이브 페이지.
• 태그.
• 카테고리. (태그와 유사, 기본적으로 비활성화/댓글을 달았습니다)
• 바닥 글의 소셜 아이콘 링크.
• 반응 형 디자인. (모바일 우선)
• 비디오 단축 코드 : YouTube, vimeo, 스트림 가능.
• 미디어 단축 코드 : 비디오, IMG, IMGSWAP, 이미지, GIF, 오디오.
• 기타 단축 코드 : ShowData, Katex.

완전한 문서는 여기에서 확인할 수 있습니다

빠른 시작

이 테마에는 Zola의 0.19.1 이상이 필요합니다

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser 

설치

빠른 시작은 테마를 직접 실행하는 방법을 보여줍니다. 다음으로 Abridge를 새 사이트의 테마로 사용합니다.

1 : 새 Zola 사이트를 만듭니다

yes " " | zola init mysite
cd mysite

2 : Abridge를 설치하십시오

테마를 git 하위 모듈로 추가하십시오.

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

또는 테마를 테마 디렉토리로 복제하십시오.

git clone https://github.com/jieiku/abridge.git themes/abridge

3 : 구성

테마 디렉토리의 일부 파일을 프로젝트의 루트 디렉토리로 복사하십시오.

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

• config.toml 모든 구성 값이있는 기본 구성.
• Pagination을 설정하려면 content/_index.md 입니다.
• COPY-TO-ROOT-SASS/abridge.scss 는 Abridge 변수를 사용자 정의하기 위해 재정의합니다.
• netlify.toml 설정 NetLfiy로 Repo를 배포하려면 설정하십시오.
• package_abridge.js 노드 스크립트 to : CACHE 파일 업데이트 PWA, JS, Bundle JS 미니
• package.json package_abridge.js의 사용을 용이하게합니다

프로젝트의 루트 config.toml에서 테마 라인을 타인 :

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4 : 새 콘텐츠를 추가하십시오

테마 디렉토리에서 프로젝트에 컨텐츠를 복사하거나 새 게시물을 작성하십시오.

rsync -r themes/abridge/content .

5 : 프로젝트를 실행하십시오

프로젝트의 루트 경로에서 zola serve 실행합니다.

zola serve

Zola는 http://127.0.0.1:1111 에서 기본적으로 액세스 할 수있는 Dev 웹 서버를 시작합니다.

저장된 변경 사항은 브라우저에서 다시로드됩니다. ( ctrl+f5 누르거나 config.toml 에서 set pwa=false 개발하는 동안)

사용자 정의

추가 사용자 정의는 문서를 확인하십시오.

스폰서

이 테마를 좋아합니까? 당신에게 유용 했습니까? Github 스타를 남겨 두십시오. 기부하려는 경향이 있다면 Github 스폰서를 통해 기부 할 수 있습니다.

기여와 철학

우리는 당신의 도움을 사랑합니다! 특히 문제에 대한 수정 또는 기존 기능 개선.

목표는 Abridge가 가볍고 빠르며 JavaScript가 비활성화되거나 차단 되더라도 제대로 작동하는 것입니다.

JavaScript에 의존하는 필수품으로 간주 될 수있는 유일한 기능은 검색입니다.

특허

Abridge는 MIT 라이센스의 조건에 따라 배포됩니다.