🦔
Zennの執筆をローカルで
Zennをローカル環境で執筆したい
使い慣れたVScodeで執筆したい
ダークモードがないので、目が辛い
Zenn とGitHubを連携する
これをすることにより、ローカル環境でZennの記事を執筆できる
手順
上記のZenn公式のものを参考に導入する
- GitHubでレポジトリを作成
- Zenn_Nonakaという名前で作成
- Private
- READMEは追加しない
-
Zennのダッシュボードから作成したレポジトリを連携
-
Zenn CLIを導入する
- GitHubと連携したら良いかと思ったらこっちがやりたいことのメイン
- 以下、Zenn CLIの導入を行う
Zenn CLIの導入
1. Node.jsをダウンロードする
- Node.jsとは??[1]
- JavaScript用の環境
- JavaScriptの特性上必要
ここ[2]から下の記事を参考にインストール
ネイティブモジュール用のツールはチェックすることなくインストール
VScodeで執筆したいため、VScodeのターミナルでインストールされているか
確認していたが「node」コマンドなどが見当たらない
これ[3]を参考に再起動したらインストールを確認できた
2. CLIをインストール
以下のコマンドを、作業予定のディレクトリで実行
npm init --yes # プロジェクトをデフォルト設定で初期化
npm install zenn-cli # zenn-cliを導入
3. セットアップを行う
以下のコマンドを実行
npx zenn init
articlesなどのフォルダができ、完了
投稿してみる
上記を参考に、以下のコマンドを打つ
npx zenn new:article
記事の設定が書かれたファイルが生成されるので以下のように書き換え
---
title: "Zennの執筆をローカルで"
emoji: "🦔"
type: "idea" # tech: 技術記事 / idea: アイデア
topics: [Zenn]
published: true
---
この下の部分に本文を書き、GitHubにpushする
投稿完了
Discussion