VS Codeからブログを更新してみた
VS Codeからブログを更新してみた
VS Code 上でこのリポジトリを開き、記事を追加しました。作業の流れとメモを残します。
変更内容
_posts/に本記事を新規作成- ローカルプレビュー手順を追記
- デプロイは GitHub Actions(Pages)に任せる構成のまま
手順メモ
- VS Code でフォルダを開く
- 新規記事を作成(
_posts/YYYY-MM-DD-title.md) - フロントマターを設定(
layout,title,date,categories,tags) - ローカルで表示確認(任意)
1
2
3
bundle install
bundle exec jekyll serve
# ブラウザで http://127.0.0.1:4000 を開く
- Git にコミット & プッシュ(Pages が自動デプロイ)
1
2
3
git add _posts/2025-09-08-update-from-vscode.md
git commit -m "feat: VS Codeからブログを更新してみた"
git push
補足
- サイト設定は
/_config.yml(lang: ja-JP,timezone: Asia/Tokyo)。 - PWA/SEO/コメント等は必要に応じて
comments,analyticsを設定可能です。
この投稿は投稿者によって CC BY 4.0 の下でライセンスされています。