📝

テスト記事

2024/03/31に公開

はじめに

ZennとGitHubを連携して記事を作成するテスト記事です。

ZennとGitHubの連携

準備

Zenn CLIの導入手順

npm init --yes # プロジェクトをデフォルト設定で初期化
npm install zenn-cli # zenn-cliを導入

初回実行

npx zenn init

Zenn CLIのアップデート

npm install zenn-cli@latest

記事作成

Zenn CLIで記事・本を管理する方法

# npx zenn new:article
npx zenn new:article --slug 記事のスラッグ --title タイトル --type idea --emoji

画像挿入

images/{slug}/{***} に画像を配置して、記事内で以下のように記述する。
GitHubリポジトリ連携で画像をアップロードする方法

![画像の説明](/images/{slug}/{***})

実際に画像を挿入すると以下のようになる。
画像

プレビュー

npx zenn preview

記事を公開する

Front Matterで
published: true
を指定することで公開される

記事をPublicationsに投稿する

publication_namerehabforjapan を指定することで、指定したPublicationに投稿される

例:

---
title: "テスト記事"
emoji: "📝"
type: "tech" # tech: 技術記事 / idea: アイデア
topics: ["test"]
published: true
publication_name: "rehabforjapan"
---

Discussion