|
1 | 1 | ---
|
2 | 2 | title: 將現有專案遷移到 Astro
|
3 |
| -description: 將您的網站轉換為 Astro 的一些提示和技巧。 |
| 3 | +description: 將你的網站轉換為 Astro 的一些提示和技巧。 |
| 4 | +sidebar: |
| 5 | + label: 網站遷移概觀 |
4 | 6 | i18nReady: true
|
5 | 7 | ---
|
6 | 8 | import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';
|
7 | 9 |
|
8 |
| -**準備好將您的網站轉換為 Astro 了嗎?** 請參閱我們提供的任一個遷移技巧指南。 |
| 10 | +**準備好將你的網站轉換為 Astro 了嗎?** 請參閱我們提供的任一個遷移技巧指南。 |
9 | 11 |
|
10 | 12 | ## 遷移指南
|
11 | 13 |
|
12 | 14 | <MigrationGuidesNav />
|
13 | 15 |
|
14 |
| -請注意,這些頁面中有許多是**存根**:它們是正在等待您的貢獻的資源集合! |
| 16 | +請注意,這些頁面中有許多是**小作品**:它們是正在等待你貢獻的資源集合! |
15 | 17 |
|
16 |
| -## 為什麼將您的網站遷移到 Astro? |
| 18 | +## 為什麼要將你的網站遷移到 Astro? |
17 | 19 |
|
18 |
| -Astro 提供了許多好處:性能、簡單性,以及許多您想要的功能都內建在框架中。當您需要擴展您的網站時,Astro 提供了一些 [官方和第三方社群的整合](https://astro.build/integrations)。 |
| 20 | +Astro 提供了許多好處:性能、簡單性,以及許多你想要的功能都內建在框架中。當你需要擴展你的網站時,Astro 提供了一些[官方和第三方社群的整合](https://astro.build/integrations)。 |
19 | 21 |
|
20 |
| -遷移的工作量可能比您想象的要小! |
| 22 | +遷移的工作量可能比你想像的要小! |
21 | 23 |
|
22 |
| -根據您現有的專案,您可能可以: |
| 24 | +根據你現有的專案,你可能可以: |
23 | 25 |
|
24 |
| -- 在 Astro 中直接使用您現有的 [UI 框架元件](/zh-tw/guides/framework-components/)。 |
| 26 | +- 在 Astro 中直接使用你現有的 [UI 框架元件](/zh-tw/guides/framework-components/)。 |
25 | 27 |
|
26 |
| -- 使用您現有的 [CSS 樣式或函式庫](/zh-tw/guides/styling/) 包括 Tailwind。 |
| 28 | +- 使用你現有的 [CSS 樣式或函式庫](/zh-tw/guides/styling/) 包括 Tailwind。 |
27 | 29 |
|
28 |
| -- 使用您現有的 [Markdown/MDX 檔案](/zh-tw/guides/markdown-content/),以及 [remark 和 rehype 套件](/zh-tw/guides/markdown-content/#markdown-plugins) 進行設定。 |
| 30 | +- 使用你現有的 [Markdown/MDX 檔案](/zh-tw/guides/markdown-content/),用 [remark 和 rehype 套件](/zh-tw/guides/markdown-content/#markdown-plugins)進行設定。 |
29 | 31 |
|
30 |
| -- 透過整合或 API 取得 [來自 CMS 的內容](/zh-tw/guides/cms/)。 |
| 32 | +- 透過整合或 API 取得[來自 CMS 的內容](/zh-tw/guides/cms/)。 |
31 | 33 |
|
32 | 34 |
|
33 | 35 | ## 我可以將哪些專案轉換為 Astro?
|
34 | 36 |
|
35 |
| -[很多現有的網站可以使用 Astro 建構](/zh-tw/concepts/why-astro/)。 Astro 非常適用於您已有的內容型網站,如部落格、登入頁面、行銷網站和個人作品集。 Astro 整合了幾個流行的headless CMS,並且允許您連接電子商務商店的購物車。 |
| 37 | +[很多現有的網站可以使用 Astro 建構](/zh-tw/concepts/why-astro/)。Astro 非常適用於你已有的內容型網站,如部落格、登入頁面、行銷網站和個人作品集。Astro 整合了幾個流行的 headless CMS,並且允許你連接電子商務商店的購物車。 |
36 | 38 |
|
37 |
| -Astro 允許您選擇使用靜態網頁生成或 [server-side rendering (SSR)](/zh-tw/guides/on-demand-rendering/) ,使其能夠非常好的取代 SSG 或需要即時獲取頁面資料的網站。 |
| 39 | +Astro 允許你建立靜態生成的網頁、路由隨需算繪的動態應用程式,或結合兩者,還能[完全控制專案的算繪方式](/zh-tw/guides/on-demand-rendering/)。因此它非常適合做為 SSG 或需即時獲取資料網站的替代方案。 |
38 | 40 |
|
39 | 41 | ## 從何改變我的專案設計?
|
40 | 42 |
|
41 |
| -根據您現有的專案,您可能需要從不同方面進行思考: |
| 43 | +根據你現有的專案,可能需要從不同方面進行思考: |
42 | 44 |
|
43 |
| -- 使用 [Astro 群島](/zh-tw/concepts/islands/#什麼是-astro-群島) 設計以避免向瀏覽器發送不必要的 JavaScript。 |
| 45 | +- 使用 [Astro 群島](/zh-tw/concepts/islands/#什麼是-astro-群島)設計以避免向瀏覽器發送不必要的 JavaScript。 |
44 | 46 |
|
45 |
| -- 使用 [客戶端 `<script>` 標籤](/zh-tw/guides/client-side-scripts/) 或 [UI 框架元件](/zh-tw/guides/framework-components/) 提供客戶端互動性。 |
| 47 | +- 使用[客戶端 `<script>` 標籤](/zh-tw/guides/client-side-scripts/)或 [UI 框架元件](/zh-tw/guides/framework-components/)提供客戶端互動性。 |
46 | 48 |
|
47 |
| -- 使用 Nano Stores 或 local storage 管理 [共用狀態](/zh-tw/recipes/sharing-state-islands/),而不是全局 hooks 或包裝類別。 |
| 49 | +- 使用 Nano Stores 或 local storage 管理[共用狀態](/zh-tw/recipes/sharing-state-islands/),而不是全局 hooks 或包裝類別。 |
0 commit comments