karngyan.com 다운로드 karngyan.com 소스 코드 다운로드

karngyan.com

웹사이트 데이터

1.0.0

다운로드

심벌 마크

template.karngyan.com

Dark Themed, SEO Friendly : NUXT Content + Tailwindcss + Firebase + I18N 기반 스파 개발자가 자신의 Kickass 블로그를 신속하게 회전 시키고 프로젝트를 선보일 수 있도록합니다.

제품 이름 스크린 샷

방문 : Template.karngyan.com 에서이 템플릿의 모든 기능이 활성화 된 버전을 확인하십시오.

당신 자신을 만들기위한 지침
기타 배포 옵션
기여
멋진 포크
특허
연락하다

당신 자신을 만들기위한 지침

추천 [가장 쉬운 방법과 가장 빠른 방법]

프로젝트를 포크하십시오.
사본을 복제하고 자신의 지점을 만들어냅니다.

 # replace <username> with your username
git clone [email protected]: < username > /karngyan.com.git
git checkout -b website

좋아하는 편집자를 선택하고 프로젝트를 열십시오.
지역 개발 설정 :

 # install node <= 14 and yarn (highly recommended)
$ npm install --global yarn

# cd into your project and install the dependencies
$ yarn install

# run the dev server
$ yarn dev

# open localhost:3000

지금 페이지가로드되지 않을 수 있습니다. 지금은 karngyan.config.js 에서 firebase.enabled = false 설정할 수 있습니다. 함께 읽으십시오.

karngyan.config.js 취향으로 편집하십시오. 각 객체에 대해 enabled 값을 변경하여 섹션/페이지를 켜거나 끄십시오.
- static 디렉토리에 이미지를 추가 할 수 있습니다. 배포 될 때 루트와 일치합니다.
- 그에 따라 strings 객체를 업데이트하십시오.
블로그 게시물 및 프로젝트 게시물에서 주석과 좋아요를 활성화하기 위해 FireBase를 사용합니다. 필요하지 않은 경우 karngyan.config.js 에서 firebase.enabled = false 설정하고 다음 단계로 이동하십시오. 그렇지 않으면 이것을 따르십시오 :
- Firebase 프로젝트를 만듭니다.
- 웹 앱을 만들고 FireBase 구성 객체를 가져옵니다. (이 비디오를 따라갈 수 있습니다)
- 승인 활성화 (현재 Google 제공 업체 지원)
- Firestore 활성화
- 데이터베이스가 작성되도록 다음 클라우드 Firestore 규칙을 설정하십시오.
```
 rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /likes/{id} {
      allow write: if request.auth != null;
      allow read: if true;
    }
    match /comments/{id} {
      allow write: if request.auth != null && 
        request.resourse.data.text.size() > 0 &&
        request.resource.data.slug.size() > 0;
      allow read: if true;
    }
  }
}
```
- 이것은 실제로 Open Reads의 보안 허점을 열고 너무 많은 독서에 대해 Firebase 청구서를 증가시킵니다.
- 로컬로 테스트하는 경우에만
  - .env.example > .env 사본을 만들고 구성 객체에서 값을 추가하십시오.
다음 구성을 사용하여 NetLify에 배포하십시오.
- 저장소 : 포크 리포지토리
- 지점 : website
- 게시 디렉토리 : dist
- 빌드 명령 : yarn generate
- FireBase를 활성화 한 경우 모든 환경 변수를 추가하는 것을 잊지 마십시오.
Markdown 또는 HTML의 content/projects 에 content/posts 및 프로젝트에 블로그를 작성하십시오. 템플릿과 함께 제공되는 몇 가지 샘플이 있습니다.
준비, 커밋 및 밀기에 추가하십시오.

코드는 당신의 것입니다. 당신이 느끼는 모든 것을 편집하십시오. 마음에 들면 저장소를 별표로 쳐다 보는 것을 잊지 마십시오.

이 프로젝트는 nuxt 컨텐츠를 사용합니다. 여기에서 읽을 수 있습니다.

또한 공개 코드를 열지 않고 멋진 편집기를 사용할 수 있도록 임업을 설정할 수도 있습니다. 나중에 사용할 지침을 추가하겠습니다.

기타 배포 옵션

내 자신의 웹 사이트 karngyan.com은 실제로 Cloudfront와 함께 S3 버킷의 AWS에 배포되었습니다. 그러나 그것은 구성 및 유지 관리를위한 몇 가지 경고와 함께 제공됩니다. 어쨌든 aws에 배포 할 gulpfile.js는 그것을 확인하고 싶다고 생각되면 프로젝트에 커밋됩니다.