젠슬리로 기사를 써봤어요.

개요


며칠 전 Developers Summit 2021에서 Zenn의 개발자 캣노스 씨는 Zenn의 개발 비화를 이야기했다.
https://event.shoeisha.jp/devsumi/20210218/session/3082/
개인 개발 젠, 개인 개발 수고의 말과 젠의 기능 소개 등 흥미로운 내용이다.
이 가운데 지티허브 창고와 젠의 연합으로 젠-cli를 사용해 로컬 편집기에서 젠의 글을 만들 수 있다.
그래서 바로 하나 만들어 봤어요.

GiitHub 창고와의 협업


구체적인 방법에 관해서는 개발자의 보도를 보면 알 수 있기 때문에 상세한 절차는 좋아하지 않는다.
https://zenn.dev/zenn/articles/connect-to-github
이런 느낌으로 제 GiitHub 창고와 Zenn을 연합하면 글을 관리할 수 있습니다.

zen-cli 가져오기


같은 구체적인 절차는 개발자의 글을 참조하십시오
https://zenn.dev/zenn/articles/zenn-cli-guide npx zenn preview 명령을 실행하면 http://localhost:8000 미리 보기 화면이 올라가 미리 보기를 하면서 로컬 편집기에서 집필합니다.

초안 화면의 상황



---
title: "zenn-cliで記事作成してみた" #title
emoji: "🐁" #icon
type: "idea" # tech: 技術記事 / idea: アイデア
topics: [初心者,Zenn]
published: false
---
zen-cli의 사용 방법 글에서 소개한 바와 같이 npx zenn new:article 파일에서 상기 제목 설정을 기술한 글용Markdown 파일을 만듭니다.
제목과 글에 포함된 주제의 설정, Zenn의 글 카테고리, Tech 클래스 또는 Idea 클래스의 분류를 결정할 수 있습니다.
퍼블릭스 부분이지만 여기true로 하기 때문에 전체적으로 공개할 수 있다.

프로그램 설계


디버깅을 할 수 있는 지점이 하나밖에 없기 때문에 Zenn의 설정 화면에서 디버깅을 할 지점을 결정하고 해당하는 지점git push으로 자동 디버깅을 한다.

사용한 소감


이 보도는zen-cli에 쓴 것이다.
나는 편집기에서 Visual Studio Code를 사용했지만 온라인 편집기와 달리 플러그인을 가져와 글을 쓰기 쉬운 편집기를 사용할 수 있어 매우 편리하다.
브라우저에서 자신이 타자한 내용을 실시간으로 확인할 수 있고, 이미지 삽입도 젠 옆에 업로드기가 있기 때문에 직접 imguur에서 이미지 URL을 만들 필요가 없다.
나는 이것이 정말 매우 좋은 서비스라고 생각한다.
2021년 2월 현재 기사에 공개된 것은 지아이허브 창고로 관리하지 않고 기사 내용을 복사해 로컬 편집기에 붙이는 방식이라고 한다.
그때 설정된 기사의 파일 이름은 URL에서 볼 수 있습니다.

참고로 글에서 Mardown의 이름은 Zenn 내에서 유일해야 합니다.
(슬로그라고 합니다. 자세한 내용은 이쪽을 보세요. 8659;)
https://zenn.dev/zenn/articles/what-is-slug
이미 공개된 글의 슬로그는 변경할 수 없으니 지아이허브 창고로 관리하려면 아래와 같이 하십시오.
  • articles/books 디렉토리에 공개된 Slug이라는 이름의 파일을 만듭니다.
  • 작성된 Mardown 파일에서 글의 내용을 복사하여 붙여넣습니다.

  • published를 true 로 설정하고 git push 에서 처리합니다.
  • 이렇게 하면 완성된다.
    앞으로 이곳을 중심으로 기사를 쓰겠습니다.

    좋은 웹페이지 즐겨찾기