nextjs netlify blog template
1.0.0
NetLify 용 Blogging Template는 NetLify 스택 만있는 블로그를 구축하기위한 보일러 플레이트입니다.
Github에서 Next.js와 Netlify의 조합에 대한 보일러 플레이트 또는 튜토리얼이 있습니다. 이 리소스에는 다음에 시작하기위한 문서와 좋은 튜토리얼이 있습니다. JS 및 NetLify는 빠르게 NetLify를 사용하지만 태깅과 같은 표준 기능을 사용하여 블로그를 작성하기에는 너무 간단합니다.
NetLify 용 Blogging Template는 이미 다음.js 및 NetLify Stacks를 사용하여 블로그를 구축하기위한 이러한 표준 기능을 이미 구현했습니다.
여기를 클릭하여 환경에 배포하십시오.
또는 다음 데모 사이트에 액세스하십시오.
NetLify 용 Next.js 블로그 템플릿
템플릿을 사용하여 블로그를 만들려면 터미널을 열고 앱을 작성하려는 디렉토리로 cd 열고 다음 명령을 실행하십시오.
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
그런 다음 NetLify 블로그를 따르면 프로젝트를 설정하십시오.
단계별 안내서 : NetLify에 배포
이 템플릿은 단지 템플릿이며 프로젝트가 복제되고 시작된 후 사용자가 사용자 정의 할 수있는 템플릿입니다. 다음 지침은 새로운 메타 데이터를 추가하거나 새로운 디자인 테마를 적용하는 것과 같은 일반적인 사용자 정의 지점을 소개합니다.
블로그와 관련된 모든 소스 코드는 구성 요소 및 페이지 디렉토리 아래에 있습니다. 디자인 테마를 적용하려면 자유롭게 수정할 수 있습니다. 모든 구성 요소는 스타일을 정의하기 위해 스타일 -JSX 및 CSS 모듈을 사용하지만 테마를 디자인하기위한 스타일 라이브러리를 선택할 수 있습니다.
블로그 소스 코드를 포함하는 디렉토리 트리는 다음과 같습니다.
meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js
컨텐츠와 관련된 카테고리 메타 데이터는 저자와 동일한 관계를 갖습니다. 그런 다음 새로운 메타 데이터를 추가하기 위해이 구현을 참조하십시오.
위의 소스 코드를 읽은 후 프로젝트에 카테고리 메타 데이터를 추가하는 4 단계가 있다는 것을 이해합니다.
categories.yml 로 이름이 지정된 빈 파일 만들기당신이해야 할 전부입니다. 그런 다음 NetLify CMS에 액세스하고 언제든지 새로운 카테고리를 만들 수 있습니다.
공개/관리자 디렉토리에서 config.yml 및 index.html을 다음 지침으로 수정하십시오.
Netlify CMS- 구성 옵션 #locale
MIT
