blog 2.0

? 블로그-2.0

Nuxt.js로 구축된 Irfan Maulana의 개인 블로그

5월 최신 Blog-3.0 참조

살다

https://mazipan-blog.netlify.com/

심벌 마크

이 vectr.com 링크의 원시 파일

스크린샷

홈페이지	게시물 세부정보

특징

• AMP 지원
• PWA 지원
• 게시물에 대해 영어 및 인도네시아어 지원
• RSS 피드 및 Sitemap.xml 생성
• 게시하기 전에 초안으로 저장
• 각 게시물에 대한 카테고리 추가 지원
• 스폰서 게시물 지원
• VueTinyLazyloadImg를 사용하여 게시물 페이지의 지연 로드 이미지
• NetlifyForm을 사용하는 구독자용 양식
• Firebase 실시간 DB를 활용한 좋아요 및 페이지뷰
• Prism.js를 사용한 구문 강조

Firebase 설정

우리는 Firebase 실시간 데이터베이스를 사용하므로 로컬에서 이 프로젝트를 실행하기 전에 .env 파일을 생성해야 합니다.

FIREBASE_API_KEY= your firebase ` apiKey ` config
FIREBASE_AUTH_DOMAIN= your firebase ` authDomain ` config
FIREBASE_DATABASE_URL= your firebase ` databaseURL ` config
FIREBASE_PROJECT_ID= your firebase ` projectId ` config
FIREBASE_STORAGE_BUCKET= your firebase ` storageBucket ` config
FIREBASE_MESSAGING_SENDER_ID= your firebase ` messagingSenderId ` config

Firebase Database에 자신의 이름으로 DB를 생성하고, 이 프로젝트의 firebase-db-export.json 파일에서 가져옵니다.

빌드 설정

 # install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn generate

작동 방식에 대한 자세한 설명은 Nuxt.js 문서를 확인하세요.

이 멋진 저장소에 감사드립니다.

• 드라큘라 테마
• 마리나이사
• 과잉반응.io

---

저작권 © 2019 Irfan Maulana