GitHub Pages を利用したブログです。 ポイポイとマークダウン+フロントマターを投げて雑に使う。

Get started

$ git clone

$ rm -rf .git _posts/*

$ npm i

$ vi .env

# .env
WEBSITE_URL=https://{YOUR_NAME}.github.io
GA_MEASUREMENT_ID={YOUR_GA4_ID}

$ npm run dev

主な利用しているもの

• Next.js(SSG)
• tailwind
• MarkdownIt(マークダウンパーサー)
• algolia(検索エンジン)
• D3.js(タグ記事のビジュアライズ)

運用

/_posts/ マークダウン形式で記事を格納

記事内で画像を使う

スクリーンショット的なものであれば Gyazo を利用する。

1. gyazo でスクリーショットを撮影。自動的にブラウザが開く
2. アドレスバーのhttps://gyazo.com/XXXXをコピー
3. https://i.gyazo.com/XXXX.pngを記事中に指定

記事の front matter

以下のようにカテゴリーを設定する場合は tech、もしくは idea を設定する。 Zenn に移行しやすいように合わせている。参考

---
title: Macでオンライン会議を文字起こし
date: 2099-12-31
tag:
  - bash
  - ポエム
---

dependency version

node-fetch(v3.2)が ESM のみになっているが ts-jest が ESM only のパッケージに対応していないようなので、node-fetch を 2 系でインストール。 node-fetch/node-fetch#1503 global fetch は型の部分で使い勝手が悪かった

メモ

npx prettier --config ./.prettierrc --write src/pages/about.tsx