/tuat-mcc-web-site

Primary LanguageVue

東京農工大学 MCC のホームページ

農工大 マイクロコンピューターサークルの WEB サイトです。 https://www.tuatmcc.com/

screenshot

方針

古典的な WEB サイトを、現代のフロントエンド・フレームワークを駆使して書き直すコンセプトです。 古臭そうな見た目をしてる割に、がっつりレスポンシブ・SPA で動きます。

開発環境の起動

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

リポジトリ運用

とりあえずリポジトリをcloneしてください．

記事を更新したい

content ディレクトリ内にマークダウンの記事が入っているので、編集します。

  1. masterブランチからdocs/foobarブランチを切る
  2. マークダウンを追加・編集
  3. docs/foobar -> master のプルリクエストを立てて、本番環境に反映する

画像はstatic ディレクトリに入れて<img>タグで追加します． static/works/hello.pngを表示する場合のタグは次のとおりです．

<img src="/works/hello.png">

Webサイト側の保守をしたい

  1. developブランチからfeature/foobarブランチを切る
  2. いろいろ編集
  3. feature/foobar -> developのプルリクエストを立ててマージ (この時点では本番環境にデプロイされません)
  4. (本番環境へのデプロイをしたい場合) develop -> masterのプルリクエストを立てて，本番環境に反映する