Medium Layout Page

此網頁為模仿 Medium 首頁的網頁切版練習

• 線上觀看連結

畫面

• author info tooltip
• aside section sticky
• join Medium Modal

安裝

以下將會引導你如何安裝此專案到你的電腦上。

請先安裝 Node.js，Node.js 版本建議為：18.12.0 以上

取得專案

git clone https://github.com/linyawun/Medium-page.git

移動到專案內

cd Medium-page

安裝套件

npm install

運行專案

npm run dev

開啟專案

在瀏覽器網址列輸入以下即可看到畫面

http://localhost:8000/

資料夾說明

• public - 靜態檔案放置處
• src
  • assets - 圖片放置處
  • components - 網頁元件放置處
  • layouts - 共用版型
  • pages - 頁面放置處
  • styles - css 樣式放置處

專案技術

• tailwindcss v3.3.3
• astro v3.1.2

聯絡作者

你可以透過以下方式與我聯絡

• email: linyawun031@gmail.com