/Medium-page

A static webpage mimicking Medium, using Tailwind CSS and Astro.

Primary LanguageAstro

Medium Layout Page

image

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

畫面

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

安裝

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

請先安裝 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

聯絡作者

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