Skip to content
ayame113 edited this page Jan 29, 2023 · 4 revisions

研究室ホームページ作成方法

新しいWebページを作成するには、任意のディレクトリにmarkdownファイルやHTMLファイルを置くだけでOKです。

方法1. GitHub上で編集

  • CodeタブからCreate new Fileをクリックして新しいファイルを追加します。

    image

  • または、既存のコードを編集します。

    image

その後、

  1. ファイルを変更したら、新しいブランチを作成し、
  2. コミットし、
  3. プッシュし、
  4. プルリクエストを開き、
  5. マージします。

方法2. GitHub Codespaces上で編集

  1. CodeタブからGitHub Codespacesを開きます。

    image

  2. GitHub Codespaces内でserve.tsを開き、右上のボタンを押してサーバーを起動します。

    image

  3. 「ブラウザーで開く」をクリックすると、ブラウザから開発環境のサーバーにアクセスできます。

    image

  4. ファイルを変更したら、新しいブランチを作成し、

  5. コミットし、

  6. プッシュし、

  7. プルリクエストを開き、

  8. マージします。

方法3. ローカルで編集

  1. Denoをインストールします。
  2. git cloneします。
  3. ファイルを変更したら、新しいブランチを作成し、
  4. コミットし、
  5. プッシュし、
  6. プルリクエストを開き、
  7. マージします。

Google検索設定など

その他

現在の研究室ホームページはシンプルな静的ファイルサーバーです。
ただし、

  • markdownファイルは自動でHTMLファイルに変換されます。
  • TypeScriptファイルは自動でJavaScriptに変換されます。
  • /で終わるパスは同階層のREADME.mdにリダイレクトされます。(/foo//foo/README.mdにリダイレクト)

※なぜこうなっているのか?→GitHub上で有効な[page](./file.md)のような相対リンクをWebサイト上でもそのまま使えるようにするため

  • markdownの書き方はGitHubのドキュメントなどを参考にしてください。(リンクの張り方、太線、取り消し線など)

markdownページのタイトルを設定するには、markdownファイルの先頭に

---
title: <ここにタイトルを入力>
---

のように記述してください(Front-matter形式)。