markdown

スポンサーリンク
VPS・RentalServer

【Next.jsブログ構築】Obsidianで書いた記事をバッチファイル1つでNext.jsブログに自動公開する方法

Next.js ブログ構築シリーズ第12回。Windows の WSL と rsync を使い、 Obsidian で書いた記事と画像をバッチファイルのダブルクリック1つで Next.js ブログに自動公開する完全な運用フローを構築する手順を、非エンジニア向けに解説します。
VPS・RentalServer

【Next.jsブログ構築】ObsidianのMarkdown記事と画像を自動変換してNext.jsブログにワンクリック公開する仕組みを作る方法

Next.js ブログ構築シリーズ第11回。 Obsidian の画像リンクを Next.js 用に自動変換し、日本語ノートのファイル名と英語 URL を別々に管理できる仕組みを Node.js スクリプト(convert.js)で構築する手順を、非エンジニア向けに解説します。
VPS・RentalServer

【Next.jsブログ構築】静的サイトとして本番公開しObsidianからワンクリックでデプロイする方法

Next.js ブログ構築シリーズ第10回。静的書き出し(SSG)で本番公開する設定から、 WSL と rsync を使った差分転送、バッチファイルのダブルクリック1回で Obsidian の記事を自動デプロイできる仕組みの構築まで、非エンジニア向けに解説します。
VPS・RentalServer

【Next.jsブログ構築】SEOとOGPをMarkdownから自動設定する方法|generateMetadata解説

Next.js ブログ構築シリーズ第9回。 `generateMetadata` 関数を使い、 Markdown のフロントマターから `description` と `ogImage` を自動で読み込んで、記事ごとに SEO タグと OGP タグを設定する仕組みを非エンジニア向けに解説します。
VPS・RentalServer

【Next.jsブログ構築】個別記事の URL を自動生成する動的ルーティングの設定方法

Next.js で構築したブログに「動的ルーティング(Dynamic Routes)」を設定し、 Markdown 記事の URL を自動生成して個別ページに本文を表示させる手順を解説します。 App Router や Next.js 15 以降の async/await 仕様にも対応しています。
VPS・RentalServer

【Next.jsブログ構築】複数のMarkdown記事を読み込みトップページに新着一覧を表示する方法

Next.js(App Router)のブログで、posts フォルダ内の複数 Markdown を読み込み、トップページに新着一覧(日付の新しい順)で表示する手順を解説。lib/posts.ts で一括取得し、gray-matter・Tailwind CSS を使う流れを初心者向けに紹介します。シリーズ第6回。
VPS・RentalServer

【Next.jsブログ構築】WordPressから移行したMarkdown記事を表示する方法(Tailwind CSS対応)

WordPress から移行した Markdown 記事を Next.js で綺麗に表示する手順を解説。react-markdown の導入から Tailwind CSS によるデザイン崩れの解決、画像や HTML タグの設定まで網羅しました。
VPS・RentalServer

【Next.jsブログ構築】WordPressデータを抽出してXMLからMarkdownに変換する手順とNode.jsの準備

WordPress から Next.js + Markdown への移行プロジェクト第2回。プラグインを使わず標準機能で XML データを抽出し、 Node.js とコマンドツールを使って Markdown 形式へ一括変換する手順を、非エンジニアの視点で解説します。
VPS・RentalServer

【Next.jsブログ構築】WordPressからMarkdownベースの静的ブログへ再構築する理由と事前準備

WordPress の表示速度やメンテナンス課題を解決するため、 Next.js と Markdown を用いた静的ブログへの移行を決断しました。本記事では、システムを再構築する理由と、安全な移行に向けたテストページの作成手順について解説します。
Obsidian

【Obsidian】ノートが劇的に見やすくなる!一歩先を行くMarkdown応用記法

Obsidianでのノート作成を一段上のレベルへ。表(テーブル)の整理、視認性を高めるコールアウト、技術メモに欠かせないコードブロックなど、情報の構造化に役立つMarkdownの応用記法を詳しく解説します。自分にとって使いやすく、再現性の高い知識ベースを構築するための実践的なガイドです。
スポンサーリンク