Zenn
🍣

[決起投稿] はじめてのZenn 投稿メモ

2023/02/01に公開
#
初投稿
idea

概要

はじめまして!
今回は初めてZennを投稿します。
それに伴って対応したことをメモして残しておきたいと思い投稿しました。

(追記：書き方がブログっぽくないかも？

大まかにやったこと

  1. Zennの雰囲気を確認
  2. 環境構築 (GitHubリポジトリセットアップ、Zenn側の設定、Node.jsのインストール)
  3. Zenn CLIの使い方の確認
  4. 振り返り (まとめ)
  5. ブログ投稿　…　終了！

①Zennの雰囲気を確認

下記ページで「Zennで何が出来るのか？」、「最初になにをすれば良いのか」を確認しました。
結果として、使い慣れたツールでブログ投稿が出来るという事で環境構築に進みます。

  1. Zennとは…全体的な雰囲気の確認
  2. Zennでできることは？…機能について確認
  3. GitHubリポジトリでZennのコンテンツを管理する…連携機能の確認

②環境構築

下記手順で「GitHubのリモートリポジトリ作成」、「Zenn CLI」のインストールまで進めました。

  1. 「GitHubリポジトリでZennのコンテンツを管理する」ページでGitHubとZennを連携させる (Cloneもついでにしておく)
  2. 「Zenn CLIをインストールする」ページでローカル環境で執筆する時に便利だというCLIをインストールする

※ポイント…CLI利用時に更新通知が表示されたときは下記のコマンドでアップデートする

$ npm install zenn-cli@latest

③Zenn CLIの使い方の確認

ポイント…下記コマンドでブログ投稿用のテンプレートファイルを生成出来る

$ npx zenn new:article

★ 特定のファイル名にしたい場合は下記コマンド

$ npx zenn new:article --slug filename

ポイント 日時を指定して記事を公開する ※mdファイルを修正

published: true # trueを指定する
published_at: 2023-03-12 10:00 # 未来の日時を指定

④振り返り　(まとめ)

なんだかんだ2時間ぐらいこの記事で時間をかけてしまいました…
(時間かかった分疲れました‥)

作業しながら対応していたので遅くなっていた所や
元々作業が早い方ではないのも関係あるかもしれませんが…

けど久しぶりのブログ投稿という事で楽しかったです。

以上になります！
記事を見てくれた方はありがとうございました！
また何かあれば投稿します！

Discussion

Hidden comment