目次

  • はじめに
  • GitHub のアカウントを作成する
  • 開発環境を立ち上げる
  • ソースコードを保存する
  • サイトを公開する
  • トップページを作る
  • CSSでサイトを装飾する
  • 新しいページを作る
  • 画像を表示する
  • ブログ記事を作る
  • デザインを調整する
  • サイトのURLを変更する
  • おわりに

Do It Yourself !!

最終更新日 : 2022/11/13

個人サイトを自分で作ってみよう!という趣旨のページです。

面倒な環境構築などは必要ありませんので、気軽にお試し頂けたらと思います。

こういう方におすすめです。

  • 自分だけの個人サイトを持ってみたい
  • プログラミングをやってみたい

完成イメージ

https://diy-n1sym-blog.vercel.app/

サイトが完成するまでの所要時間は、1~2時間くらいを想定しています

使用するもの

(個人サイトを公開するくらいの範囲では)全て無料で利用できます。

  • GitHub
    • ソースコードを置く場所
  • StackBlitz
    • ブラウザで動かせる開発環境
  • Astro
    • Webサイト作成ツール
  • Vercel
    • Webサイトを公開できるサービス
    • 無料プランだと商用利用はできないので、ご注意ください

分からないところがあったら

ページごとにコメント欄を設置しているので、お気軽に投稿ください。

(コメントを投稿するには GitHub のアカウントが必要です)

また誤字脱字、間違っている記述などを発見した際もコメントいただけますと幸いです。




次: GitHub のアカウントを作成する



Created by n1sym
Inspired by https://diy-anime.com/