WSL2(Ubuntu 20.04)에 Zenn 집필 환경 구축

개시하다

FPGA와 파이썬 등 학습 프로그램에 대한 메모를 남기고 싶어서 새로운 서비스 젠을 이용하려고 한다.
Zenn은 GiitHub 연합+Zenn CLI 같은 글쓰기 지원 도구를 사용해 글을 관리하고 디자인할 수 있다고 해서 자신의 PC 환경에서 조작을 시도했다.
이것을 단락으로 삼아 먼저 기사를 쓰는 연습을 해 보자.

개발 환경

Windows 10 20H2

WSL2 ( Ubuntu 20.04.2 LTS )

기본적으로 WSL2에 환경을 구축하여 Visual Studio Code의 Remote-WSL과 결합시킨다

구축 로그

전제 조건

WSL2 설정이 종료된 상태

아래 공식 기사를 참고하여 수동 설치를 추진하는 부분

Windows 10에 WSL 설치

배포 선택 "Ubuntu"

Zenn의 계정 생성 종료 상태

GiitHub 계정 생성, SSH Key 설정 등 접속 확인 완료

아래 기사를 참고하여 WSL2에서 GiitHub로의 연결을 확인

SSH 연결 테스트 - GiitHub Docs

Zenn GiitHub 공동 작업

공식 참조 URL에 따름

GiitHub 창고를 이용하여 Zenn의 콘텐츠 관리

창고 명칭은 임의로 할 수 있다

창고를 일시적으로 Provate

로 설정

README.MD로 설정하여 Initial Commiit

생성

2021/7/3 현재 GiitHub의 기본 지점은 마스터가 아닌main이기 때문에main지점을 연합

WSL2(Ubuntu 20.04)에 Zenn CLI 설치

사전 준비

WSL 최신 업데이트

$ sudo apt update && sudo apt upgrade

WSL에 node가 있습니다.js 미리 설치

Zenn CLI 필요

프로그램은 다음 URL을 참고하여 진행하고 버전은 최신

WSL2에서 NodeJS의

2021/7/3 현재 nvm의 최신 버전은 v0입니다.38.0

nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

README에 설치 명령 설치

다음 실행 절차

$ sudo apt install curl
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash # nvm のインストール
### インストール後 PC 再起動
$ command -v nvm # コマンドが使えるかのチェック、nvm と返ってくれば OK
$ nvm install --lts # node.js 安定版をインストール
$ nvm ls # バージョンチェック

사전 클론 GiitHub의 웨어하우스

Zenn CLI 설치

기본적으로 다음과 같은 문장으로 진행한다

Zenn CLI 설치

npx zenn init 운행 전 GiitHub에서 제작된 README.삭제

동일한 파일이 이미 존재하는 경우 파일 생성 건너뛰기

사용하기 위해npx zenn preview WSL2의 localhost를 Windows 호스트에 미리 사용

아래 문장은 참고할 수 있다

WSL2에서 시작된 서버를 localhost로 연결

.지정한 위치에서 wslconfig 파일 만들기

PC 재부팅 후 WSLnpx zenn preview, Windows의 브라우저http://localhost:8000에 액세스

끝말

이렇게 되면 Zenn CLI 기능은 WSL 에서 임시로 사용됩니다.
기사 관리는 어떻게 하나요?이렇게 생각하면 상당히 도움이 되는 도구다.
프리뷰는 실제로 젠에 올린 글로도 볼 수 있어 편리하다.
이 보도의 공개도 CLI를 사용하여 완성되었다.
Hello, Zenn. 앞으로 잘 부탁드립니다.