블로그 간단 설명
2023-04-05
Jekyll Blog
해당 블로그는 Jekyll 로 만든 블로그 입니다.
jekyll 에 대해서
Jekyll은 동적 웹 서버나 데이터베이스 없이도 블로그나 웹 사이트를 만들고 관리할 수 있는 Ruby로 작성된 인기 있는 정적 사이트 생성기입니다. 정적 사이트 생성기입니다. 즉, 모든 웹 서버에서 호스팅할 수 있는 정적 HTML 파일을 생성하여 빠르게 로드되는 웹 사이트를 만드는 데 간단하고 효율적입니다.
Jekyll을 사용하여 블로그를 만들려면 일반적으로 다음 단계를 따릅니다.
- Jekyll 설치: 컴퓨터에 Ruby 및 RubyGems(Ruby 패키지 관리자)가 설치되어 있어야 합니다. 설치가 완료되면 다음 명령을 사용하여 Jekyll을 설치할 수 있습니다: gem install jekyll
- 새로운 Jekyll 사이트 생성: jekyll new my-blog 명령을 실행하여 새로운 Jekyll 사이트를 생성할 수 있습니다. 이렇게 하면 레이아웃, 포함, 게시물 및 기타 사이트 구성 요소에 대한 폴더를 포함하는 기본 구조로 “my-blog”라는 디렉토리에 새 Jekyll 사이트가 생성됩니다.
- 사이트 사용자 지정: 사이트 디렉토리 루트에 생성된 구성 파일 _config.yml을 편집하여 Jekyll 사이트를 사용자 지정할 수 있습니다. 이 구성 파일을 사용하면 사이트 제목, 작성자 이름, URL 등과 같은 다양한 사이트 설정을 지정할 수 있습니다.
- 콘텐츠 생성: _posts 디렉터리 또는 사용하려는 다른 디렉터리에 Markdown 또는 HTML 파일을 생성하여 Jekyll 사이트에 대한 콘텐츠를 생성할 수 있습니다. Jekyll은 가벼운 마크업 언어인 Markdown을 사용하여 블로그 게시물이나 페이지의 콘텐츠를 만듭니다. 템플릿 언어인 Liquid를 사용하여 사이트에 동적 콘텐츠를 추가할 수도 있습니다.
- 사이트 구축 및 제공: jekyll build 명령을 실행하여 Jekyll 사이트를 구축할 수 있습니다. 이렇게 하면 _site 디렉토리에 사이트에 대한 정적 HTML 파일이 생성됩니다. 그런 다음 jekyll serve 명령을 실행하고 웹 브라우저에서 http://localhost:4000에 액세스하여 테스트를 위해 로컬에서 사이트를 제공할 수 있습니다.
- 사이트 게시: Jekyll 사이트가 만족스러우면 원하는 웹 서버나 호스팅 서비스에 사이트를 게시할 수 있습니다. 생성된 _site 디렉토리를 호스팅 제공업체에 업로드하기만 하면 Jekyll 블로그가 실시간으로 방문자에게 공개됩니다.
Jekyll은 테마, 플러그인 및 레이아웃 지원과 같이 강력하고 사용자 정의 가능한 블로그 또는 웹 사이트를 만들기 위한 다른 많은 기능을 제공합니다. Ruby를 사용하여 정적 웹 사이트를 빠르고 쉽게 만들고자 하는 블로거, 개발자 및 콘텐츠 제작자를 위한 강력한 도구입니다. 전반적으로 Jekyll은 동적 CMS의 유연성과 사용자 지정 옵션으로 정적 블로그나 웹사이트를 만드는 간단하고 효율적인 방법을 제공합니다. 따라서 빠르고 효율적이며 유연한 블로그 프레임워크를 찾고 있다면 Jekyll이 좋은 선택이 될 수 있습니다.
해당 블로그에서 자주 변경하게 되는 있는 파일 경로
css
gitbook / custom.css
sidebar
_includes / toc-date.html
home 화면
index.md
추후 갈아타고 싶은 blog?
Gatsby
Gatsby 에 대해서
틀림없이! Gatsby는 사용자 인터페이스 구축을 위한 인기 있는 JavaScript 라이브러리인 React를 사용하여 빠르고 성능이 뛰어나며 사용자 정의가 가능한 웹 사이트 및 애플리케이션을 구축할 수 있는 최신 웹 개발 프레임워크입니다.
Gatsby는 Jekyll과 유사한 정적 사이트 생성기이지만 몇 가지 중요한 차이점이 있습니다. Gatsby는 API용 강력한 쿼리 언어인 GraphQL을 사용하여 API, 데이터베이스 또는 마크다운 파일과 같은 다양한 소스에서 데이터를 가져온 다음 모든 웹 서버 또는 콘텐츠 전송 네트워크에서 호스팅할 수 있는 정적 HTML, CSS 및 JavaScript 파일을 생성합니다. (CDN). 이 정적인 접근 방식은 Gatsby 웹 사이트를 성능, 보안 및 검색 엔진 최적화(SEO)에 대해 고도로 최적화합니다.
다음은 Gatsby의 몇 가지 주요 기능입니다.
- React 기반: Gatsby를 사용하면 사용자 인터페이스 구축을 위해 널리 사용되고 널리 사용되는 JavaScript 라이브러리인 React를 사용하여 웹사이트를 구축할 수 있습니다. React는 웹 개발에 대한 구성 요소 기반 접근 방식을 제공하여 고도로 모듈화되고 재사용 가능하며 효율적입니다.
- 데이터 관리를 위한 GraphQL: Gatsby는 다양한 소스에서 데이터를 가져오기 위한 강력하고 유연한 쿼리 언어로 GraphQL을 사용합니다. GraphQL을 사용하면 Gatsby 사이트에서 사용할 데이터를 쉽게 쿼리, 필터링 및 변환하여 매우 동적이고 사용자 정의할 수 있습니다.
- 풍부한 플러그인 생태계: Gatsby에는 기능을 확장하는 데 사용할 수 있는 풍부한 플러그인 생태계가 있습니다. 이미지 최적화, SEO, 양식, 인증 등과 같은 작업에 사용할 수 있는 수백 개의 플러그인이 있으므로 사용자 정의 코드를 작성하지 않고도 Gatsby 사이트에 기능을 쉽게 추가할 수 있습니다.
- 성능 최적화: Gatsby는 속도와 보안에 최적화된 정적 파일을 생성하여 사이트 성능을 자동으로 최적화합니다. 또한 코드 분할, 이미지 최적화 및 캐싱과 같은 내장 기능을 포함하여 빠른 로드 시간과 원활한 사용자 경험을 보장합니다.
- 사용자 지정 가능한 테마: Gatsby를 사용하면 테마를 사용하여 사이트의 모양과 느낌을 쉽게 사용자 지정할 수 있습니다. 테마는 Gatsby 사이트에 쉽게 적용할 수 있는 재사용 가능한 구성 요소, 스타일 및 구성 집합으로, 일관되고 시각적으로 매력적인 웹 사이트를 쉽게 만들 수 있습니다.
- 개발자 경험: Gatsby는 페이지를 새로 고치지 않고 실시간으로 변경 사항을 확인할 수 있는 HMR(핫 모듈 교체), 오류 보고 및 디버깅 도구가 있는 강력한 개발 서버와 같은 기능으로 풍부한 개발자 경험을 제공합니다.
- 배포 유연성: Gatsby는 모든 웹 서버 또는 CDN에서 호스팅할 수 있는 정적 파일을 생성하므로 호스팅 제공업체를 유연하게 선택할 수 있습니다. Gatsby 사이트를 Netlify, Vercel, AWS S3, GitHub Pages 또는 자체 사용자 지정 서버와 같은 널리 사용되는 호스팅 서비스에 배포할 수 있습니다.
Gatsby는 뛰어난 성능과 개발자 경험을 갖춘 최신 웹 사이트 및 애플리케이션을 구축하기 위한 강력하고 유연한 프레임워크입니다. 웹 프로젝트에서 속도, 확장성 및 유연성을 중시하는 웹 개발자 및 콘텐츠 제작자가 널리 사용합니다. 개인 블로그, 전자 상거래 사이트 또는 복잡한 웹 애플리케이션을 구축하든 Gatsby는 다음 웹 개발 프로젝트를 위한 훌륭한 선택이 될 수 있습니다. 즐거운 코딩하세요!