Zennを試す
zenn account
github
private化 at 2024/05/21
連携
sta-zenn repoだけにした
readアクセスだけなので安心だな
https://gyazo.com/26d15f57f93d5cdd5ae587e2fea0fe6b
記載ルール
articles/
ここに置け
zen cli必須?
slugは任意にできる
記事の場合はmarkdownファイル名をarticles/slug.mdという形式にします
https://zenn.dev/ユーザー名/articles/(slug)
slug変えたら別投稿扱いになるので注意
文字
slugは半角英小文字(a-z)、半角数字(0-9)、ハイフン(-)、アンダースコア(_)の12〜50字の組み合わせにする必要があります。
[a-z0-9_\-]{12,50}
Front Matterあるのか
code:frontmatter
---
title: "" # 記事のタイトル
emoji: "😸" # アイキャッチとして使われる絵文字(1文字だけ)
type: "tech" # tech: 技術記事 / idea: アイデア記事
published: true # 公開設定(falseにすると下書き)
---
ここから本文を書く
削除は管理画面から
削除はダッシュボードから行います。安全のため、articlesディレクトリからmarkdownファイルを削除しても zenn.dev 上では削除はされません。
本はいいや
途中から連携する場合は export した後、所定の構造に置き直せばよろし
もうちょい知りたい
Front Matter網羅
ソース見た方が早いか?
code:ts
export type Article = {
slug: string;
title?: string;
bodyHtml?: string;
emoji?: string;
type?: 'tech' | 'idea';
topics?: string[];
tags?: string[];
published?: boolean;
};
上記で網羅されてるっぽいな
color band
code:md
:::message
メッセージをここに
:::
数式やdiagramも書ける
strikeもある
todoはない
さてどうする?sta.icon
とりあえずcliはなしでいい
front matter いじるのだるいから、分けて管理したいな
draft/
こっちはいくらいじっても公開しない
article/
こっちに置いたものは1push 1update
自作コマンドでnew articleする
draft/ につくる
published は true, false のままにしておく
draft/ 配下で p xxx.mdすると、article/ にコピーされて、published も true になる
emoji
これどう使われてるんだ?
https://gyazo.com/77f622e526614769c0185ea2dff79390
ああ、文字通りのアイキャッチだな
選択肢もたせたいよな
emoji 🐢🐲🐰
こうしておいて、つくるときに残り消して一つ選ぶ、みたいな
emoji、センス問われるな……w
thinking face
confused
fire とか memo とか
hammerやgearも多い
folder book
eye
ウケ狙ってるやつもおるな?wsta.icon
内容変えるのだるいし、全部吉良野すた的にsta.iconでいい?
🐰うさぎ
よし、だいぶわかったので試しに書く
slugどうしよ
12文字以上きついな
自分の気に入った名前にしにくい
だったらもうランダムでよくね?
手元で管理するときにどうするか
紐付けを持っていく必要がある
かつ、そこから一瞬で開けるようにしたい
あ、(ぼくがかんがえたさいきょうのなまえ)-(ランダム12文字)
これでいいか
日付は?
2022/02/09 wed 19:38:28
20220209-wed-193828 19文字
220209-wed-193857 17文字
220209-193907 13文字
yyyy-mm-dd- 11文字
だったら曜日も欲しいわ
yyyy-mm-dd-dow- 15文字
これやsta.icon
topic一覧は?
topicの文字諸元は?
code:ts
const anyInvalidFormat = topics.some(
(t) => typeof t === 'string' && t.match(/[ -/:-@-`{-~/g) );
記号だめ
大文字は?
まあ小文字でいいか
はぁ、はぁ……
3000文字
やっぱり書き慣れたネタでも1hはかかるなぁ……
ほう、デプロイ画面から下書きプレビュー見れる
https://gyazo.com/6c75b4e8ababe1ed7d82799ddc60b4a7
投稿done