or
or
By clicking below, you agree to our terms of service.
Sign in with Wallet
New to HackMD? Sign up
| Syntax | Example | Reference | |
|---|---|---|---|
| # Header | Header | 基本排版 | |
| - Unordered List |
|
||
| 1. Ordered List |
|
||
| - [ ] Todo List |
|
||
| > Blockquote | Blockquote |
||
| **Bold font** | Bold font | ||
| *Italics font* | Italics font | ||
| ~~Strikethrough~~ | |||
| 19^th^ | 19th | ||
| H~2~O | H2O | ||
| ++Inserted text++ | Inserted text | ||
| ==Marked text== | Marked text | ||
| [link text](https:// "title") | Link | ||
|  | Image | ||
| `Code` | Code |
在筆記中貼入程式碼 | |
| ```javascript var i = 0; ``` |
|
||
| :smile: |  |
Emoji list | |
| {%youtube youtube_id %} | Externals | ||
| $L^aT_eX$ | LaTeX | ||
| :::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx-
Any changes
Be notified of any changes
-
Mention me
Be notified of mention me
-
Unsubscribe
SubscribeThe Evolution of AMP ／ Paul Li（李維翰)
歡迎來到 Modern Web 2020 共筆
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →共筆入口：https://hackmd.io/@ModernWeb/2020
手機版請點選上方 按鈕展開議程列表。
簡報下載
tags:
MW20維運與測試AMP- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More →What's AMP？
AMP 是搜尋引擎與網頁的橋樑
未來支援 AMP for Email
More stable more reliance
long-terms stable version
如果是尋求穩定 AMP 的朋友，可以直接在 script 引入的時候直接使用 lts 的 AMP。
CSS limitation
在 AMP 上使用 CSS 是一個學問，因為有 50K (?) 的限制。Covid-19期間提升至 75K。
可在直播增加商品陳列、增加Table/PC版，甚至Dark Mode。
Payment friendly
透過 Payment Request API 可以將資料儲存在瀏覽器，讓瀏覽器幫我們匯入 Payment 的資料，提升自動完成的流暢度。
<amp-iframe allowpaymentrequest src="https://your-domain.com/amp-payment-request-api.....">Mighty amp-component
講者以前以為
<amp-list>是廢物中的廢物，現在<amp-list>是最好的 component<amp-list>有支援infinity scroll<amp-list>開放method，可讓user點擊達成動態回饋Remote SD Fetching
透過 structure data 可以讓 google 搜尋引擎顯示更豐富的資料，讓使用者更容易看到那個商品。
(標題、描述、截圖、評價、關聯商品..等)
也可以注入 event，讓使用者可以知道當前的一些購買活動。
google 新推出的 rich result test
Carousel
不要被文件侷限，使用 CSS 的屬性支援就可以達成 Carousel 的功能。