Stackbit와 연결하여 DEV를 CMS로 사용

목차

Confession

Frontmatter

Stackbit

고백 🗣

This is a confession - I deviated from my goal of automatically redeploy my site whenever I posted a new DEV article. I became a wanderer👨‍🚀. I wander into admiring with how clean https://www.emgoto.com/의 모습과 https://coffeecodeclimb.com의 우아한 배경...

OK, 방랑자는 아래 언급된 모든 것이 목표 달성을 시도한 결과이기 때문에 과장입니다. 그럼에도 불구하고 시리즈의 이전 게시물에서 이루어진 진행 상황과 비교하여 🐌 속도로 움직이는 느낌이 들었습니다.

미니 벤팅을 제거한 상태에서 새 기사가 게시될 때마다 정적 사이트를 재배포하는 방법을 알아내는 과정에서 Frontmatter 및 Stackbit에 대해 배웠습니다. 이 두 가지는 이 글의 공유입니다.

서문

Shall keep this section short as found that this article by coffeecodeclimb 친절하게 설명해주셨네요.

한 문장으로 - Frontmatter는 YAML 구문 콘텐츠가 있는 두 개의 삼중 대시--- 줄로 묶인 마크다운 문서의 첫 번째이자 맨 위 섹션입니다. 아래와 같은 예:

---
title: Frontmatter as short as possible
tags: [code, frontmatter, blog, yaml]
--------

스택비트

I first came across Stackbit github-actions를 사용하여 개발 게시물을 자동화하는 방법에 대한 beeman의 개발 문서를 읽을 때.

GitHub Actions를 사용하여 DEV 게시물 자동화

beeman 🐝 ・ 2020년 7월 5일 ・ 3분 읽기

#devto #publication #stackbit #github

위의 beeman의 기사를 포함하여 대부분의 온라인 기사는 궁극적으로 콘텐츠 관리 시스템으로 git을 사용하려고 합니다. 그러나 나는 아직 그 단계에 대한 준비가 되어 있지 않으며 여전히 내 기사를 DEV에만 독점적으로 저장할 계획입니다.

기사에서 Stackbit에 대해 언급한 내용이 관심을 끄는 부분입니다. 인용:

The build on Netlify happens in one of two occasions:
when my content on DEV updates or when the GitHub repo updates.

그것이 바로 내가 목표로 삼은 것이며 여전히 추가 Github 작업이 필요하지 않거나 다른 훌륭한 기사에서 설명한 것처럼 가장 좋습니다.

처음에는 즉시 작동하기를 바라며 Stackbit의 "사이트 가져오기"기능을 시도했지만 불행히도 실패했으며 아직 실패에 대해 머리를 감싸지 않았습니다.

그런 다음 DEV 통합 작동 방식에 대해 자세히 알아보기 위해 Stackbit 대시보드에서 새로운 사이트를 생성하려고 시도했습니다. 이 DEV 가이드를 읽은 후에야 그 방법을 알 수 있었습니다.

이 DEV Stackbit 흐름 - https://app.stackbit.com/create?ref=devto을 사용하면 DEV만이 CMS에서 선택 항목으로 표시됩니다.

또는 아래와 같이 Stackbit 통합으로 이동하여 활성화할 수 있습니다.

나머지 단계는 매우 직관적이며 Netlify 및 Github와 같은 서비스에 연결하여 화면의 지침을 따르면 사이트가 활성화됩니다. 'Fresh' 테마를 사용하는 예제 사이트 - https://stackbit-dev-starter.netlify.app/ .

다음으로 Stackbit Dev 통합이 작동하는 방식을 파악하고 이를 https://wizlee.dev에 구현합니다!