fix: Build error from posts (no endtag, wrong highlight language)

riceball-tw · Feb 13, 2024 · 077cda3 · 077cda3
1 parent 9f9b57c
commit 077cda3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/content/post/astro-ui-framework-integration.mdx b/src/content/post/astro-ui-framework-integration.mdx
@@ -102,7 +102,7 @@ import MyVueComponent from '../components/MyVueComponent.vue';
 
 同時整合多個 UI 框架在同個 Astro 元件當中是可行的，但是必須留意整合多個使用 JSX 的框架（React, Preact, Solid）時就**必須要**透過設定不同框架使用的 JSX 所在的位置，Astro 才知道怎麼渲染：
 
-```JavaScript
+```javascript
 import { defineConfig } from 'astro/config';
 import preact from '@astrojs/preact';
 import react from '@astrojs/react';
@@ -123,7 +123,7 @@ export default defineConfig({
     solid({
       include: ['**/solid/*'],
     }),
-		svelte(),
+    svelte(),
     vue(),
   ],
 });

diff --git a/src/content/post/how-many-breakpoint-should-you-use.mdx b/src/content/post/how-many-breakpoint-should-you-use.mdx
@@ -31,10 +31,7 @@ publishDate: 2023-12-10
 
 ### AWD 與 RWD 的出發點不同
 
-如果製作網頁時仍糾結於網頁在特定尺寸上應當要如何呈現的話，那麼很有可能你還是以製作 AWD 網頁的視角來思考如何製作響應式網頁。<abbr title="Adaptive Web Design">AWD</abbr> 強調**針對特定裝置提供特定的設計**；而 <abbr title="Responsive Web Design">
-RWD
-
-</abbr> 強調**提供彈性且適應各種裝置尺寸的設計**。它們想要達成相同的目的：「讓內容在不同裝置尺寸上有著合理的配置」。
+如果製作網頁時仍糾結於網頁在特定尺寸上應當要如何呈現的話，那麼很有可能你還是以製作 AWD 網頁的視角來思考如何製作響應式網頁。<abbr title="Adaptive Web Design">AWD</abbr> 強調**針對特定裝置提供特定的設計**；而 <abbr title="Responsive Web Design">RWD</abbr>強調**提供彈性且適應各種裝置尺寸的設計**。它們想要達成相同的目的：「讓內容在不同裝置尺寸上有著合理的配置」。
 
 > 適應式設計不同的容器裝載內容，而響應式則是讓內容自由的流動適應容器