next netlify blog starter

Next + Netlify Markdown 블로그 스타터

이것은 Lightweight Next.js (v12+) Markdown 블로그입니다. 구성된 블로그를 한 클릭하여 NetLify에 배포 할 수 있습니다!

여기를 클릭하여 시작하십시오 (이것은 리포를 복제하고 사이트를 배포합니다) :

또는 직접 구축하려면 여기에 올바른 길을 가야 할 튜토리얼 블로그 게시물이 있습니다!

Nitty gritty

이 프로젝트를 현지에서 작업하려면 개발 서버를 실행하십시오.

npm run dev
# or
yarn dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

새 블로그 게시물을 작성하려면 posts 디렉토리의 Markdown에 작성하십시오.

설치 옵션

옵션 1 : 원 클릭 배포

옵션 2 : 수동 클론

1. 이 repo를 복제 git clone https://github.com/cassidoo/next-netlify-blog-starter
2. 디렉토리로 이동하여 npm run dev 실행하십시오
3. 변경하십시오
4. NetLify에 수동으로 연결합니다 ( netlify.toml 파일은 내보내기가 완료되고 올바른 물건을 가리 키도록 손상되지 않도록해야 할 파일입니다)

스타일링

Styled-JSX가 포함 된 몇 가지 기본 스타일이 포함되어 있으며, 다음은 Next.js와 함께 상자에 포함되어 있습니다. 이를 사용하려는 경우 SASS 지원 및 CSS 모듈 지원이 내장되어 있습니다.

사용 된 글꼴은 인터입니다.

영웅 이미지

게시물에 선택적인 영웅 이미지가 포함될 수 있습니다. 이미지를 public/static/ 에 넣고 다음과 같은 블로그 .md 파일에 포함시킵니다.

 ---
title: 'Post title'
author: 'Post author'
date: '2020-04-27'
hero_image: ../static/example.jpg
---

이 예를 들어 demo-post-1.md 참조하십시오.