rescenic.github.io

Jekyll용 Purelog 테마

다음 블로그나 웹사이트를 시작하는 데 도움이 되는 반응성이 뛰어나고 잘 디자인된 템플릿입니다.
문서 살펴보기 »

데모 보기 · 버그 신고 · 기능 요청

프로젝트 소개

Purelog 는 인기 있는 JAMstack 생성기 Jekyll의 반응형 사이드바 테마로 최소한의 Pure.css 프레임워크(그래서 이름이 붙었습니다!)만 사용하면서도 접근성 및 검색 엔진 최적화에 가능한 모범 사례를 따릅니다.

나는 가능한 한 가벼운 상태를 유지하면서 더 많은 기능과 디자인을 추가하는 방법으로 Watery(이 테마의 기반)를 마친 후에 이것을 만들었습니다.

이 프로젝트는 다른 곳에서는 흔히 볼 수 없는 기능을 갖춘 Jekyll의 흥미로운 테마를 찾는 사람들을 대상으로 하며, 특히 블로그, 메모 작성, 일일 일지 항목 전용 섹션이 별도로 있습니다.

특징

Jekyll 테마의 몇 가지 흥미로운 기능은 다음과 같습니다:

• 쉽게 시작하고 실행할 수 있도록 완전히 사용자 정의할 수 있고 비어 있는 _BLANK_config.yml 입니다.
• Simply Jekyll Search를 이용한 빠른 현장 검색 기능입니다.
• 다양한 유형의 자료(노트 작성, 일지 작성 등)에 대한 맞춤형 컬렉션
• 모든 컬렉션의 모든 항목을 표시하는 자동 생성 아카이브 페이지입니다.
• 태그 및 카테고리 페이지를 자동 생성합니다.
• 더 쉬운 구성을 위해 _pages 컬렉션이 있습니다.
• 각 게시물 끝에 작성자 약력이 있습니다. ( _inclues/author.html 에 위치)
• 구문 강조를 위한 전체 Rouge 지원. (현재 base16.solarized.light 사용 중)
• 자동 생성된 RSS 피드, 사이트맵, 접근성 기능 및 검색 엔진 최적화.

설치

전제 조건

지킬에는 다음이 필요합니다:

• 루비 버전 2.5.0 이상
• RubyGems
• GCC 및 Make

가이드 및 세부 정보는 요구 사항을 참조하세요.

지침

1. 모든 필수 구성 요소를 설치합니다.
2. jekyll 및 Bundler gem을 설치합니다.

 gem install jekyll bundler

3. 이 저장소를 복제하세요.

 git clone https://github.com/rescenic/rescenic.github.io.git

4. 새 디렉터리로 변경합니다.

 cd rescenic.github.io

5. Gemfile 에서 gem을 설치합니다.

 bundle install

6. 사이트를 구축하고 로컬 서버에서 사용할 수 있도록 합니다.

 bundle exec jekyll serve --livereload

7. http://localhost:4000으로 이동합니다.

이 프로세스 중에 오류가 발생하면 요구 사항의 모든 필수 구성 요소를 설치했는지 확인하세요.

여전히 문제가 있는 경우 문제 해결을 참조하세요.

시작하기

일단 Jekyll을 실행하고 나면, 이 테마를 자신만의 테마로 만드는 데 필요한 몇 가지 단계만 있습니다:

1. _BLANK_config.yml 구성 파일을 작성하고 현재 _config.yml 교체합니다.
2. _posts , _notes , _journals 에서 example_posts 폴더를 제거하고 직접 작성을 시작하세요!
3. _pages 의 페이지를 적절하다고 생각되는 대로 수정하거나 제거하세요.
4. (선택 사항) 자신의 프로젝트나 블로그에 대한 정보가 포함된 이 README.md 수정하거나 제거하세요.
5. (선택 사항) assets 폴더의 CSS 파일을 수정하여 사이트를 사용자 정의합니다.

로드맵

다음을 포함하여 아직 만들고 통합할 계획인 몇 가지 기능이 있습니다.

• 테마 보석 만들기
• "Netlify에 배포", Heroku 등에 간편하고 자동 버튼을 추가합니다.
• Travis 지속적 통합 확인 추가
• 사용자 정의 컬렉션 및 자동 생성 페이지 생성을 위한 추가 문서 추가
• 더 많은 예제 게시물 및 기사 추가

제안된 기능(및 알려진 문제) 목록은 공개 문제를 참조하세요.

기여

기여는 오픈 소스 커뮤니티를 배우고, 영감을 주고, 창조할 수 있는 놀라운 장소로 만드는 것입니다. 귀하의 기여 에 크게 감사드립니다 .

1. 프로젝트 포크
2. 기능 분기 만들기( git checkout -b feature/AmazingFeature )
3. 변경 사항 커밋( git commit -m 'Add some AmazingFeature' )
4. 브랜치로 푸시( git push origin feature/AmazingFeature )
5. 끌어오기 요청 열기

특허

MIT 라이센스에 따라 배포됩니다. 귀속을 제공할 필요 없이 적합하다고 판단되는 대로 이 프로젝트를 사용할 수 있습니다.

자세한 내용은 LICENSE 참조하세요.

자원

이 테마를 만들면서 저는 도움이 되지만 찾기 힘든 많은 리소스를 발견했습니다. Jekyll에 대해 더 자세히 알아보고 싶다면 다음을 확인하세요.

• 지킬에 뛰어들기: https://dev.to/brennan/jumping-into-jekyll-4o9h
• 지킬 치트시트: https://devhints.io/jekyll
• Jekyll 강좌: https://learn-the-web.algonquindesign.ca/topics/jekyll/
• 디자이너를 위한 Jekyll: http://simpleprimate.com/jekyll-for-designers/index.html
• Jekyll의 동적 저작권: https://michaelsoolee.com/jekyll-copyright/
• Jekyll에서 탐색경로 만들기: https://jekyllcodex.org/without-plugin/breadcrumbs/
• 모든 컬렉션의 모든 항목 표시: https://stackoverflow.com/questions/31171041/listing-all-collections-in-jekyll

기타 리소스

• 마크다운 미리보기: https://jaspervdj.be/lorem-markdownum/
• 웹폰트 성능에 대한 사례 연구: https://www.keycdn.com/blog/web-font-performance
• 광범위한 .gitignore : https://miguelmota.com/bytes/extensive-gitignore/

신용 거래

Pure.css는 Pure CSS 그룹에 의해 만들어졌습니다.

Simple Jekyll Search는 Christian Fei가 만들었습니다.

Raghuveer S.가 Simply Jekyll 에서 다양한 메모와 아이디어를 가져왔습니다.