gatsby attila theme starter 다운로드 -Gatsby gatsby attila theme starter 소스 코드 다운로드

gatsby attila theme starter

기타 카테고리

1.0.0

다운로드

개츠비-스타터 트리 고스트

Headless Ghost CMS에서 블로그를 만드는 개츠비 스타터.

Ghost 블로그를 Lightning Fast 정적 웹 사이트로 바꾸십시오. 이 개츠비 테마는 표준 고스트 캐스퍼 스킨 및 기능을 갖춘 고스트 핸들 바 엔진의 프론트 엔드 교체입니다. 모든 콘텐츠는 헤드리스 유령 CMS에서 제공됩니다.

이 스타터는 DraftBox에서 사용되고 있습니다. 코딩없이 5 분 이내에 WordPress 또는 Ghost 블로그의 번개를 빠르고 안전한 프론트 엔드를 얻으십시오. 동료 개발자에게는 코드 내보내기 기능도 제공합니다.

데모

데모를 사용하여 첫인상을 받으십시오.

특징

유령 캐스퍼 피부와 기능
SEO 최적화
완전히 반응합니다
개츠비 이미지
스타일 404 페이지
RSS 피드
앰프 페이지
사이트 맵
연락 양식
양식을 구독하십시오
소셜 공유
Google 웹 로그 분석 통합
세그먼트 통합
disqus 통합
합성 가능하고 확장 가능

시작하기

실행 하여이 스타터를 설치하십시오

gatsby new try-ghost https://github.com/draftbox-co/gatsby-attila-theme-starter

디렉토리를 변경하십시오
```
 cd try-ghost
```
달리다
```
gatsby develop
```
http://localhost:8000 의 사이트를 방문하십시오.

? 내부는 무엇입니까?

Gatsby 프로젝트에서 볼 수있는 최상위 파일 및 디렉토리를 간단히 살펴 봅니다.

 .
├── node_modules
├── static
├── .gitignore
├── gatsby-config.js
├── yarn.lock
├── package.json
└── README.md

/node_modules :이 디렉토리에는 프로젝트에 의존하는 모든 코드 모듈 (NPM 패키지)이 자동으로 설치됩니다.
/static :이 디렉토리에는 favicon , logo 및 robot.txt 와 같은 테마에 필요한 모든 정적 파일이 포함됩니다.
.gitignore :이 파일은 버전 기록을 추적 / 유지하지 않아야하는 파일을 GIT에 알려줍니다.
gatsby-config.js : 이것은 Gatsby 사이트의 기본 구성 파일입니다. 이곳에서 사이트 제목 및 설명과 같은 사이트 (메타 데이터)에 대한 정보를 지정할 수있는 곳입니다. Gatsby 플러그인을 포함하려는 Gatsby 플러그인 등 (자세한 내용은 구성 문서를 확인하십시오).
yarn.lock (아래 yarn.lock 참조). 이것은 프로젝트에 설치된 NPM 종속성의 정확한 버전을 기반으로 자동 생성 된 파일입니다. (이 파일을 직접 변경하지 않습니다).
package.json : 메타 데이터 (프로젝트 이름, 저자 등)와 같은 것들이 포함 된 node.js 프로젝트의 매니페스트 파일. 이 매니페스트는 NPM이 프로젝트에 설치할 패키지를 아는 방법입니다.
README.md : 프로젝트에 대한 유용한 참조 정보가 포함 된 텍스트 파일.

구성

    //siteConfig.js
    module . exports = {
        siteUrl : `https://your-blog.com` , // Do not include a trailing slash!
    
        postsPerPage : 12 , //for future use
    
        siteTitleMeta : `Gatsby Starter Ghost CMS` , // This allows an alternative site title for meta data for pages.
        siteDescriptionMeta : `Gastby Starter with Ghost CMS and Casper Skin` , // This allows an site description for meta data for pages.
    
        shareImageWidth : 1000 , // Change to the width of your default share image
        shareImageHeight : 523 , // Change to the height of your default share image
    
        shortTitle : `Ghost` , // Used for App manifest e.g. Mobile Home Screen
        siteIcon : `favicon.png` , // Logo in /static dir used for SEO, RSS, and App manifest
        backgroundColor : `#e9e9e9` , // Used for Offline Manifest
        themeColor : `#15171A` , // Used for Offline Manifest
    }

위에 표시된 구성에서 변경해야 할 가장 중요한 필드는 siteUrl , siteTitleMeta 및 siteDescriptionMeta 입니다. 최소한 귀하의 요구에 맞는 사람들을 업데이트하십시오.

고스트 콘텐츠 API 키

모든 콘텐츠는 유령 CMS에서 제공됩니다. 파일을 사용자 정의하지 않으면 .ghost.json 컨텐츠가 https://cms.gotsby.org 에서 데모 위치에서 가져옵니다. 분명히 당신은 당신의 자신의 콘텐츠를 공급하고 싶습니다. 자신의 Ghost CMS Content API 키와 일치하도록 키를 변경하십시오.

    {
        " development " : {
            " apiUrl " : " http://localhost:2368 " ,
            " contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
        },
        " production " : {
            " apiUrl " : " http://localhost:2368 " ,
            " contentApiKey " : " 9fccdb0e4ea5b572e2e5b92942 "
        }
    }

배포

    gatsby build

빌드 프로세스가 완료된 후 정적 사이트는 public/ 폴더에서 찾을 수 있습니다. 해당 파일을 웹 서버로 복사하십시오.

최적화

유령 설정 내 에서이 Make this site private 기본 고스트 핸들 바 테마 프론트 엔드를 비활성화 할 수 있습니다. 이를 통해 고스트 설치 앞에서 암호 보호를 가능하게하고 <meta name="robots" content="noindex" /> 설정하여 Gatsby 프론트 엔드가 SEO의 진실의 원천이됩니다.