jekyll starter blog

지킬 스타터 블로그 템플릿

정적 호스팅(예: Github 페이지)에서 호스팅되는 블로그 게시물을 작성하려는 개발자를 위해 설계된 정적 생성 사이트입니다.

데모 웹사이트 : https://sutanlab.js.org/jekyll-starter-blog

특징

• 간단하고 자동화되었으며 빠릅니다.
• SEO 최적화
• 모바일 친화적(홈 화면에 추가)
• Disqus를 이용한 댓글 시스템
• 실시간 검색
• AJAX 페이지 매김
• RSS 피드
• 사이트맵
• 로봇텍스트
• 게시물을 작성하고 자동화를 github 페이지에 배포하는 쉘 스크립트

시스템에 필요

1. NodeJS
2. 루비

설정

1. 요구사항 설치
2. 포크 지킬 스타터 블로그
3. 방금 포크한 저장소를 복제하거나 다운로드하세요.
4. 방금 복제했거나 다운로드한 폴더로 이동하여 npm install 실행하여 모든 npm 및 번들러 종속성을 설치합니다.
5. 카테고리 및 태그 할당에 대한 예를 보려면 _posts 의 샘플 게시물을 확인하세요.
6. 추가 사용자 정의 포인터 및 문서는 아래 문서를 읽으십시오.

웹사이트 설정

가서 _config.yml 편집하세요

 # Site settings
name : Sutanlab Blog
title : Gading Nst. - Coder
description : A blog and journal about Gading Nst, Junior Developer
baseurl : " /jekyll-starter-blog " # the subpath for your site default is ""
url : " https://sutanlab.js.org " # the base hostname & protocol in your domain (e.g: https://sutanlab.github.io)

# Author Setting
username : Gading Nst.
user_description : Learner, Coder & Coffee Maniac
user_title : Welcome to My Blog Site
avatar_url : /jekyll-starter-blog/assets/img/sutan.jpeg
email : [email protected]
github_username : sutanlab
disqus_username : sutanlab
facebook_username : sgnzst
instagram_username : sutan_gnst
twitter_username : sutan_gnst
medium_username : sutan.gnst

...

테마 맞춤설정

src/sass 폴더에 있는 _variables.scss 편집하세요.

 // theme color
$main : #2c3e50 ;
$sidemenu : #242f3a ;
$hover : darken ( $main , 50 % );
$sec : #FFFFFF ;
$lightGray : #F2F2F2 ;
$texts : #333333 ;
$colorcode : #3085F4 ;
$loader-color : #FFFFFF ;

/* *
  * adjust with your disqus theme
  * if your disqus theme is dark, the color should be darken. 
  * if your disqus theme is light, the color should be lighten
*/
$comment-theme : #304165 ; 

// responsive cut
$cut : 37.5 rem ;

post.sh 명령으로 새 게시물 만들기

새 게시물을 작성하려면 ./post -c Post Title 명령을 따르기만 하면 됩니다. 새 게시물은 .md 형식으로 _posts 에 생성됩니다. 그리고 새 게시물을 작성할 때 머리말에 게시물 정보를 입력해야 합니다. 다음 예를 따르세요.

 ---
layout : post
title : Post Title
date : 2019-05-02 16:32:44
image : /assets/img/blog/post-image.png
description : First steps to use this template
tags :
  - jekyll 
  - template
categories :
  - I love Jekyll
twitter_text : How to install and use this template
keywords : jekyll, template, my post
---

다른 ./post.sh 명령의 경우:

• ./post -h 출력 지침
• ./post -c $TITLE 게시물 작성
• ./post -d $TITLE 초안 게시물 만들기
• ./post -p $TITLE 초안을 게시물에 게시/홍보

Github 페이지에 사이트를 배포하는 방법

1. 사이트를 배포하기 전에 sass, js 및 빌드 사이트 파일을 컴파일하려면 npm run build 실행해야 합니다.

2. npm run deploy

3. 또는 ./deploy.sh 와 함께 자동화 배포를 사용할 수 있습니다.

개발을 위해 로컬에서 서버를 실행하는 방법

npm start 실행하거나 bundle exec jekyll server --host=$IP_ADDR --port=$PORT

나를 지원하다

글로벌

인도네시아 공화국

• 트랙티어
• 카리아카르사

---

저작권 © 2019 Gading Gading Fadhillah Nasution