表格測試

基本表格（無對齊標記，預設左對齊）

製程	層數	最小線寬	認證
HDI Any-Layer	最高 10 層	50µm	IPC-6012
Rigid-Flex	最高 12 層	50µm	IPC-6013
FPC	最高 6 層	30µm	IPC-6013
標準多層	最高 20 層	75µm	IPC-6012

三種欄位對齊（左 / 置中 / 右）

左對齊欄位	置中對齊欄位	右對齊欄位
文字靠左	文字置中	文字靠右
較長的左對齊文字	置中	9,999,999
A	B	1

表格儲存格含格式

功能	狀態	備註
已上線	✅	published_at IS NOT NULL
即將推出	🔄	預計 Q3 2026
~~已棄用~~	❌	請改用新 API
規格書	📄	外部連結測試

多欄窄表格（2 欄）

鍵值	說明
category_id	文章所屬分類
published_at	發佈時間戳記
sort_order	排序權重

---

程式碼區塊測試

PHP（含 Laravel Eloquent）

<?php

namespace App\Http\Controllers;

use App\Models\Article;

class NewsController extends Controller
{
    public function index(): \Illuminate\View\View
    {
        $articles = Article::published()
            ->forLocale('zh')
            ->with('category')
            ->orderBy('sort_order')
            ->orderByDesc('published_at')
            ->paginate(12);

        return view('news.index', compact('articles'));
    }
}

SQL（複雜查詢）

SELECT
    a.id,
    a.title,
    a.published_at,
    c.name AS category_name
FROM articles a
LEFT JOIN categories c ON c.id = a.category_id
WHERE a.deleted_at IS NULL
  AND a.published_at IS NOT NULL
  AND a.published_at <= NOW()
ORDER BY a.sort_order ASC, a.published_at DESC
LIMIT 12 OFFSET 0;

Bash（部署腳本）

#!/bin/bash
set -e

echo "=== 開始部署 ==="

cd /var/www/html
git pull origin main

composer install --no-dev --optimize-autoloader
php artisan config:cache
php artisan route:cache
php artisan view:cache
php artisan migrate --force

echo "=== 部署完成 ==="

JavaScript（前端互動）

document.querySelectorAll('.news-card').forEach((card) => {
  card.addEventListener('mouseenter', () => {
    card.querySelector('img')?.classList.add('scale-110');
  });
  card.addEventListener('mouseleave', () => {
    card.querySelector('img')?.classList.remove('scale-110');
  });
});

無語言標記的 code block

這是無語言標記的 code block。
不應有語法高亮，但應保留等寬字型與黑色背景。
    縮排也應正確保留。

縮排式 code block（4 個空格 / 1 個 tab）

function greet($name) {
    return "Hello, " . $name . "!";
}

echo greet('Effy Deal');