Jenny 的個人網站,將履歷與社群聯絡方式整合。
網址:https://aoigj100-website.vercel.app/
Typescript + Nextjs + TailwindCSS
-
打開終端機輸入
git clone https://github.com/aoigj100a/aoigj100-website
-
進入專案資料夾安裝工具包
- 打開終端機輸入
npm install
- 執行專案
- 打開終端機輸入
npm run dev
- 使用瀏覽器瀏覽
- 打開瀏覽器網址列輸入 http://localhost:3000即可
Tip:記得將電腦的node js 升級到 v.20(目前最新版本),不然next會報錯
- 設置好 Nextjs 初始專案狀態
- 加入 TailwindCSS
- 加入 _app.js
- 基本header與footer(少量 RWD)
- 部署在 vercel 上面
- 加入 git 版控
- 部署網站在 vercel
- 製作 mobile meun
- 設定配色
- 加Link-網站地圖
- 設定字體大小
- 切版 Hero Section
- 切版 Header
- 加入 Hero Section 中文介紹內文
- 加入 _document.js
- 切版 技能列表 | 標籤與連結
- 加網頁 title
- 切版 Footer