/gidaisai-shinkan

岐大祭執行委員会について新入生に知ってもらうための新歓ウェブサイト

Primary LanguageVue

岐阜大学祭全学執行委員会 新歓特設ウェブサイト

コロナ渦で対面での新歓ができないことを受け、岐大祭執行委員会について新入生に知ってもらうための新歓ウェブサイト

nuxt/contentのハンズオンがてら作成しました

岐阜大学祭公式ウェブサイト内にて公開中!! https://www.gidaisai.jp/shinkan/

開発環境の立ち上げ方

リポジトリをクローン

git clone https://github.com/fumigoro/gidaisai-shinkan.git

クローンしたら、リポジトリのディレクトリに移動してください

パッケージのインストール

この手順の前に、Node.jsの環境構築が必要です。

npm install

開発サーバーの起動

npm run dev

ローカルにサーバーが立ち、http://localhost:3000/shinkan/ にアクセスするとサイトが表示されます

/pages配下の.vueファイルがサイトのHTMLの元になっているので、ここを編集するとサイトの内容が変わります

サーバーにアップロードする静的ファイルを生成

npm run generate

/dist配下に静的ファイルが生成されるので、この中のファイルをFTPでサーバーにアップロードすればサイトが更新されます