Bảng ký tự cao su

Nội dung phong phú có thể được viết bằng Wowchemy bằng cách sử dụng Markdown, LaTeX math và Shortcodes. Bài viết này cung cấp tổng quan về các tùy chọn định dạng phổ biến nhất, bao gồm các tính năng dành riêng cho Wowchemy

Mã ngắn là các plugin đi kèm với Wowchemy hoặc kế thừa từ Hugo. Ngoài ra, HTML có thể được viết trong tài liệu Markdown để định dạng nâng cao

Mục lục

• tiêu đề phụ
• nhấn mạnh
  • Đậm, nghiêng, gạch ngang
  • Văn bản màu
  • trích dẫn khối
  • Đánh dấu trích dẫn
• danh sách
  • đặt hàng
  • không có thứ tự
  • Làm
  • Chuyển đổi danh sách
• liên kết
  • Liên kết đến một trang
  • Liên kết đến một tập tin
  • trích dẫn
  • Mục lục
  • chú thích
  • Số liệu
  • Thẻ và Danh mục
  • Nút kêu gọi hành động
  • Đề cập đến một người dùng
  • Liệt kê các trang con
• Hình ảnh
  • hình ảnh duy nhất
  • Thư viện hình ảnh
  • hình ảnh nội tuyến
  • biểu tượng cảm xúc
• Twitter
  • Nhúng nguồn cấp dữ liệu
  • Nhúng một tweet
• Chú thích
• âm thanh
• Video
• biểu đồ
• Sơ đồ tư duy
• Nhúng tài liệu
• sơ đồ
  • Sơ đồ nâng cao
• Đánh dấu mã
• Máy tính xách tay Jupyter
• Ý chính của GitHub
• môn Toán
• Chỉ số dưới và chỉ số trên
• Những cái bàn
  • Bảng đánh dấu
  • Bảng CSV
  • Google Trang tính

tiêu đề phụ

Sau tiêu đề trang, tiêu đề 1, chúng ta có thể định dạng tiêu đề phụ trong phần thân trang

## Heading 2
### Heading 3
#### Heading 4

nhấn mạnh

Đậm, nghiêng, gạch ngang

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

Chữ nghiêng có gạch dưới

In đậm với dấu hoa thị

Nhấn mạnh kết hợp với dấu hoa thị và dấu gạch dưới

gạch ngang với hai dấu ngã

Văn bản màu

Thêm thuộc tính màu HTML ở dạng

This is a {{< hl >}}highlighted quote{{< /hl >}}.

3 vào dòng sau khối Markdown

Ví dụ, để tô màu đỏ một đoạn văn

Red colored text
{style="color: red"}

trích dẫn khối

> This is a blockquote.

Đây là một trích dẫn khối

Đánh dấu trích dẫn

This is a {{< hl >}}highlighted quote{{< /hl >}}.

Đây là một trích dẫn nổi bật

danh sách

đặt hàng

1. First item
   1. A sub-item
2. Another item

1. Mục đầu tiên
   1. Một mục con
2. mục khác

không có thứ tự

- First item
  - A sub-item
- Another item

• Mục đầu tiên
  • Một mục con
• mục khác

Làm

Danh sách việc cần làm có thể được viết bằng Wowchemy bằng cách sử dụng cú pháp Markdown tiêu chuẩn

________số 8

ám chỉ như

• Viết ví dụ toán học
  • Viết sơ đồ ví dụ
• Làm việc gì khác

Chuyển đổi danh sách

Thêm danh sách chuyển đổi vào một trang để hiển thị văn bản, chẳng hạn như câu trả lời cho câu hỏi, sau khi nhấp vào nút chuyển đổi

Hữu ích cho các câu hỏi thường gặp, tiết lộ nội dung hoặc ẩn câu trả lời khi dạy các khóa học trực tuyến

{{< spoiler text="Click to view the spoiler" >}}
You found me!
{{< /spoiler >}}

ám chỉ như

Click để xem spoiler

Bạn đã tìm thấy tôi

liên kết

Liên kết đến một trang

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

0

Bạn cũng có thể tạo liên kết nút trong tiêu đề trang của bất kỳ trang nào ngoại trừ Trang Widget (trang chủ)

Liên kết đến một tập tin

Bạn có thể tạo một liên kết nút tới một tệp trong tiêu đề trang của bất kỳ trang nào ngoại trừ Trang Widget (trang chủ)

Mặt khác, để liên kết đến một tệp, chẳng hạn như PDF, trong phần nội dung của bạn, hãy đặt tệp vào thư mục

This is a {{< hl >}}highlighted quote{{< /hl >}}.

4 của bạn rồi liên kết đến tệp đó bằng biểu mẫu sau

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

0

Đối số

This is a {{< hl >}}highlighted quote{{< /hl >}}.

5 tùy chọn cho

This is a {{< hl >}}highlighted quote{{< /hl >}}.

6 sẽ khiến liên kết được mở trong một tab mới

trích dẫn

Để trích dẫn một trang hoặc ấn phẩm, bạn có thể sử dụng mã ngắn trích dẫn, tham chiếu thư mục và tên trang mà bạn đã tạo

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

1

trong đó chế độ xem tương ứng với một trong các chế độ xem danh sách có sẵn được sử dụng trong toàn bộ Wowchemy

1. Dòng
2. gọn nhẹ
3. Thẻ
4. Trích dẫn - một trích dẫn học thuật truyền thống, được cấu hình bởi cài đặt

   This is a {{< hl >}}highlighted quote{{< /hl >}}.
   

   7 trong

   This is a {{< hl >}}highlighted quote{{< /hl >}}.
   

   8

Nếu bạn không chỉ định dạng xem, nó sẽ mặc định là dạng xem nhỏ gọn

Mục lục

Mục lục có thể giúp người dùng điều hướng các trang dài

Dán mã ngắn

This is a {{< hl >}}highlighted quote{{< /hl >}}.

9 vào bất cứ nơi nào bạn muốn mục lục xuất hiện trên trang của mình

Bạn cũng có thể cân nhắc sử dụng bố cục sách hiển thị mục lục tích hợp sẵn trong thanh bên phải trên màn hình lớn

Khi sử dụng bố cục sách, bạn vẫn có thể muốn thêm mục lục trong trang chỉ xuất hiện khi thanh bên phải bị ẩn. Bạn có thể làm điều này với

1. First item
   1. A sub-item
2. Another item

0

chú thích

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

2

Tôi có nhiều hơn 1 để nói

Số liệu

Để tham chiếu chéo một hình, hãy cung cấp cho nó một ID, chẳng hạn.

1. First item
   1. A sub-item
2. Another item

1

Bây giờ hình này có thể được tham chiếu chéo với một liên kết ở dạng

1. First item
   1. A sub-item
2. Another item

2

Thẻ và Danh mục

Sử dụng

1. First item
   1. A sub-item
2. Another item

3 để cung cấp danh sách các thẻ được liên kết hoặc

1. First item
   1. A sub-item
2. Another item

4 để cung cấp danh sách các danh mục được liên kết

Nút kêu gọi hành động

Tạo các nút và kêu gọi hành động (CTA) bằng mã ngắn CTA

Ví dụ về nút CTA

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

3

Ví dụ về nút CTA có liên kết đến một hành động thay thế

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

4

Đề cập đến một người dùng

Để đề cập đến ai đó, hãy nhập

1. First item
   1. A sub-item
2. Another item

5 trong đó

1. First item
   1. A sub-item
2. Another item

6 tương ứng với tài khoản người dùng trong Wowchemy

Liệt kê các trang con

Để liệt kê các trang con, chẳng hạn như liệt kê các phần sách từ một chương sách, hãy sử dụng

1. First item
   1. A sub-item
2. Another item

7

Hình ảnh

hình ảnh duy nhất

Hình ảnh có thể được thêm vào một trang bằng cách đặt chúng trong thư viện phương tiện

1. First item
   1. A sub-item
2. Another item

8 của bạn hoặc trong thư mục của trang của bạn, sau đó tham khảo chúng bằng một trong các ký hiệu sau

Các hình có thể thay đổi chủ đề theo chế độ sáng/tối và cũng có thể được tham chiếu chéo

Một hình từ thư mục trang của bạn hoặc thư viện phương tiện

1. First item
   1. A sub-item
2. Another item

8 của bạn

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

5

Đối với các số liệu có thể tùy chỉnh hơn, chúng ta có thể sử dụng shortcode Hình tích hợp thay vì cú pháp hình Markdown ở trên

Một con số được đánh số với chú thích

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

6

Sử dụng chế độ sáng/tối?

Chủ đề hình ảnh động theo sở thích sáng/tối của người dùng

Để tự động tạo chủ đề hình ảnh theo chủ đề sáng hoặc tối của người dùng

• - First item
    - A sub-item
  - Another item
  

  0 đảo ngược hình ảnh khi duyệt ở chế độ tối

• - First item
    - A sub-item
  - Another item
  

  1 đảo ngược hình ảnh khi duyệt ở chế độ ánh sáng

Ngoài ra, dán hình ảnh SVG nội tuyến có thể thay đổi chủ đề ở dạng

- First item
  - A sub-item
- Another item

2 trực tiếp vào Markdown của bạn

Thư viện hình ảnh

Để thêm một bộ sưu tập hình ảnh vào một trang

1. Tạo thư mục album ảnh trong

   - First item
     - A sub-item
   - Another item
   

   3
   • Tên anbom phải là chữ thường do lỗi Hugo - hãy cân nhắc bỏ phiếu ủng hộ lỗi này bằng 👍
2. Thêm hình ảnh vào thư mục album của bạn
3. Dán

   - First item
     - A sub-item
   - Another item
   

   4 vào nơi bạn muốn thư viện xuất hiện trong nội dung trang, thay đổi tham số album để khớp với tên thư mục album của bạn

Làm cách nào để thay đổi kích thước hoặc hình dạng của hình ảnh trong bộ sưu tập?

Chỉ cần thêm

- First item
  - A sub-item
- Another item

5 khi bạn gọi mã ngắn của thư viện. Tùy chọn này cho phép bạn kiểm soát hình dạng/kích thước của hình ảnh trong bộ sưu tập bằng các tùy chọn thay đổi kích thước tiêu chuẩn của Hugo. Ví dụ

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

7

Làm cách nào tôi có thể thêm chú thích vào hình ảnh thư viện?

Theo tùy chọn, để thêm chú thích cho hình ảnh của bạn, hãy thêm các trường hợp sau vào cuối phần đầu trang của bạn

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

8

hình ảnh nội tuyến

Wowchemy cho phép bạn sử dụng nhiều loại hình ảnh nội tuyến (còn gọi là biểu tượng) từ Font Awesome và Academicons ngoài biểu tượng cảm xúc. Ngoài ra còn có một vấn đề mở để thêm hỗ trợ cho hình ảnh tùy chỉnh

Dưới đây là một số ví dụ sử dụng biểu tượng shortcode để hiển thị biểu tượng

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

9

ám chỉ như

Thiết bị đầu cuối
Python
R

Theo tùy chọn, có thể thêm phần đệm bên trái và bên phải vào một biểu tượng bằng cách sử dụng tùy chọn

- First item
  - A sub-item
- Another item

6 và

- First item
  - A sub-item
- Another item

7 tương ứng

biểu tượng cảm xúc

Có thể chèn biểu tượng cảm xúc bằng bàn phím biểu tượng cảm xúc hoặc bằng cách nhập tên của biểu tượng cảm xúc

Không có bàn phím biểu tượng cảm xúc?

Sao chép và dán tên biểu tượng cảm xúc từ bảng gian lận Emoji. Ví dụ sau đây là một ví dụ, nhưng hãy nhớ xóa khoảng trắng đã thêm giữa mỗi tên biểu tượng cảm xúc và dấu hai chấm xung quanh

Red colored text
{style="color: red"}

0

Tôi ❤️ Wowchemy 😄

Twitter

Nhúng nguồn cấp dữ liệu

Thiết kế dòng thời gian của bạn trên Twitter và dán nó vào trang Markdown

Nhúng một tweet

Để bao gồm một tweet, hãy chuyển ID của tweet từ URL của tweet làm tham số cho mã ngắn

Red colored text
{style="color: red"}

1

Chú thích

Wowchemy hỗ trợ tiện ích mở rộng Markdown cho chú thích, còn được gọi là cảnh báo hoặc phụ

Chú thích là một tính năng hữu ích để thu hút sự chú ý đến nội dung quan trọng hoặc có liên quan như ghi chú, gợi ý hoặc cảnh báo trong bài viết của bạn. Chúng đặc biệt hữu ích khi viết các bài báo hoặc tài liệu hướng dẫn giáo dục

Có thể tạo chú thích bằng cách sử dụng mã ngắn Chú thích bên dưới

Wowchemy được tích hợp sẵn một vài kiểu chú thích khác nhau

Đoạn văn sẽ hiển thị dưới dạng chú thích với kiểu ghi chú mặc định

Red colored text
{style="color: red"}

2

Điều này sẽ hiển thị khối ghi chú sau

Chú thích Markdown hữu ích để hiển thị thông báo, gợi ý hoặc định nghĩa cho người đọc của bạn

Ngoài ra, một cảnh báo có thể được hiển thị cho người đọc bằng cách sử dụng tùy chọn cảnh báo

Red colored text
{style="color: red"}

3

Điều này sẽ hiển thị thông báo cảnh báo sau cho người đọc

Đây là một số thông tin quan trọng…

âm thanh

Bạn có thể thêm podcast hoặc nhạc vào một trang bằng cách đặt tệp MP3 vào thư mục của trang rồi tham chiếu tệp âm thanh bằng mã ngắn âm thanh

Red colored text
{style="color: red"}

4

Video

Các loại video sau đây có thể được thêm vào một trang

Tệp video cục bộ

Video có thể được thêm vào một trang bằng cách đặt chúng trong thư viện phương tiện

1. First item
   1. A sub-item
2. Another item

8 của bạn hoặc trong thư mục của trang của bạn, sau đó tham khảo chúng bằng một trong các ký hiệu sau

Video từ thư mục trang của bạn hoặc thư viện phương tiện

1. First item
   1. A sub-item
2. Another item

8 của bạn

Red colored text
{style="color: red"}

5

Wowchemy sẽ tìm kiếm video trong thư mục trang và thư viện phương tiện của bạn tại

1. First item
   1. A sub-item
2. Another item

8

tệp video bên ngoài

Red colored text
{style="color: red"}

6

Nếu bạn không muốn điều khiển video, hãy xóa tham số

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

1 và video sẽ tự động phát lặp lại (tuyệt vời cho các meme. )

Lưu ý rằng trình duyệt sẽ chặn tự động phát nếu video có âm thanh

YouTube

Red colored text
{style="color: red"}

7

Vimeo

Red colored text
{style="color: red"}

8

biểu đồ

Wowchemy hỗ trợ định dạng biểu đồ Plotly phổ biến

Lưu Plotly JSON của bạn vào thư mục trang của bạn, ví dụ như

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

2, sau đó thêm mã ngắn

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

3 vào nơi bạn muốn biểu đồ xuất hiện

Thử nghiệm

Bạn cũng có thể thấy Plotly JSON Editor hữu ích

Sơ đồ tư duy

Wowchemy hỗ trợ tiện ích mở rộng Markdown cho sơ đồ tư duy

Chỉ cần chèn khối mã Markdown

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

4 và tùy ý đặt chiều cao của sơ đồ tư duy như trong ví dụ đầu tiên bên dưới

Một sơ đồ tư duy đơn giản được định nghĩa là một danh sách Markdown

Red colored text
{style="color: red"}

9

ám chỉ như

> This is a blockquote.

0

Sơ đồ tư duy nâng cao hơn với định dạng, khối mã và toán học

> This is a blockquote.

1

ám chỉ như

> This is a blockquote.

2

Nhúng tài liệu

Các loại tài liệu sau đây có thể được nhúng vào một trang

Để nhúng Tài liệu Google (e. g. bản trình chiếu), hãy nhấp vào Tệp > Xuất bản lên web > Nhúng vào Google Tài liệu và sao chép URL trong thuộc tính

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

5 được hiển thị. Sau đó dán URL vào mẫu

> This is a blockquote.

3

sơ đồ

Wowchemy hỗ trợ tiện ích mở rộng Mermaid Markdown cho sơ đồ. Chỉ cần vẽ sơ đồ của bạn trong khối mã nàng tiên cá và nó sẽ được hiển thị khi trang của bạn được xuất bản. Xem tài liệu Nàng tiên cá và trình chỉnh sửa Nàng tiên cá để biết thêm ví dụ ngoài những ví dụ bên dưới

Một sơ đồ ví dụ

> This is a blockquote.

4

ám chỉ như

đồ thị TD;

Một sơ đồ trình tự ví dụ

> This is a blockquote.

5

ám chỉ như

người tham gia biểu đồ trình tự Người tham gia Alice Bob Alice->John. Xin chào John, bạn thế nào? . Cuộc chiến chống lại chứng đạo đức giả kết thúc Ghi chú bên phải của John. Suy nghĩ hợp lý
thắng thế. John-->Alice. Tuyệt quá. John->Bob. Còn bạn thì sao? . vui vẻ tốt.

Ví dụ sơ đồ Gantt

> This is a blockquote.

6

ám chỉ như

gantt dateĐịnh dạng phần YYYY-MM-DD Phần A nhiệm vụ. a1, 2014-01-01, 30d Nhiệm vụ khác. sau phần a1 , 20d Nhiệm vụ khác trong giây. 2014-01-12 , 12d nhiệm vụ khác. 24d

Sơ đồ nâng cao

Các sơ đồ nâng cao hơn có thể được tạo trong bản vẽ mã nguồn mở. biên tập viên io. Trình chỉnh sửa có hỗ trợ cho hầu hết mọi loại sơ đồ, từ đơn giản đến phức tạp. Có thể dễ dàng nhúng sơ đồ vào Wowchemy bằng cách chọn Tệp > Nhúng > SVG trong bản vẽ. io và dán mã đã tạo vào trang của bạn

Ngoài ra, sơ đồ có thể được xuất dưới dạng hình ảnh từ bất kỳ phần mềm vẽ nào hoặc tài liệu/trang trình bày có chứa sơ đồ có thể được nhúng

Đánh dấu mã

Chuyển ngôn ngữ của mã, chẳng hạn như

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

6, làm tham số sau ba dấu gạch ngược

> This is a blockquote.

7

Kết quả

> This is a blockquote.

8

Bạn cũng có thể tùy chỉnh chủ đề tô sáng

Máy tính xách tay Jupyter

Xem hướng dẫn viết blog với Jupyter Notebooks

Ý chính của GitHub

> This is a blockquote.

9

môn Toán

Wowchemy hỗ trợ tiện ích mở rộng Markdown cho toán học $\LaTeX$. Bạn có thể bật tính năng này bằng cách chuyển đổi tùy chọn

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

7 trong tệp

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

8 của mình

Để hiển thị toán học nội tuyến hoặc khối, hãy bọc toán học LaTeX của bạn bằng

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

9 hoặc

{{< spoiler text="Click to view the spoiler" >}}
You found me!
{{< /spoiler >}}

0, tương ứng. (Chúng tôi gói toán học LaTeX trong mã ngắn toán học Wowchemy để ngăn Hugo hiển thị toán học của chúng tôi dưới dạng Markdown. Mã ngắn toán học mới trong v5. 5. )

Khối toán ví dụ

This is a {{< hl >}}highlighted quote{{< /hl >}}.

0

ám chỉ như

$$\gamma_{n} = \frac{ \left. \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1} . }{\bên trái \. \nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \. ^2}$$

Ví dụ toán học nội tuyến

{{< spoiler text="Click to view the spoiler" >}}
You found me!
{{< /spoiler >}}

1 hiển thị dưới dạng $\nabla F(\mathbf{x}_{n})$

Ví dụ phép toán nhiều dòng sử dụng ngắt dòng toán học (________ 92)

This is a {{< hl >}}highlighted quote{{< /hl >}}.

1

ám chỉ như

$$f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ 1-p_{0}^{* . \end{cases}$$

Toán học ở phía trước

Toán học chủ yếu được sử dụng trong nội dung trang, nhưng cũng có thể được thêm vào các biến quan trọng ở đầu trang, chẳng hạn như phần tóm tắt xuất bản với một số kiểm tra bổ sung

Vì Hugo và Wowchemy có thể cố gắng phân tích nội dung YAML, Markdown và LaTeX trong vấn đề phía trước, nên các ký tự đặc biệt của Markdown cần được thoát trong bất kỳ phép toán nào trong các trường vấn đề phía trước bằng cách sử dụng dấu gạch chéo ngược để ngăn toán học được phân tích cú pháp dưới dạng Markdown. Những lời khuyên sau đây có thể giúp

• thoát khỏi mỗi dấu gạch chéo ngược LaTeX (

  {{< spoiler text="Click to view the spoiler" >}}
  You found me!
  {{< /spoiler >}}
  

  3) bằng dấu gạch chéo ngược bổ sung, mang lại _______92
• thoát khỏi mỗi dấu gạch dưới LaTeX (_______95) với hai dấu gạch chéo ngược, mang lại ____96

Do đó,

{{< spoiler text="Click to view the spoiler" >}}
You found me!
{{< /spoiler >}}

7 trở thành

{{< spoiler text="Click to view the spoiler" >}}
You found me!
{{< /spoiler >}}

8

Chỉ số dưới và chỉ số trên

Chỉ số dưới và chỉ số trên có thể được viết trực tiếp từ bàn phím (unicode) hoặc dán từ tài liệu tham khảo

Ngoài ra, bạn có thể bật

- [x] Write math example
  - [x] Write diagram example
- [ ] Do something else

7 trong

This is a {{< hl >}}highlighted quote{{< /hl >}}.

8 và sử dụng ký hiệu Latex, ví dụ như

Italics with _underscores_.

Bold with **asterisks**.

Combined emphasis with **asterisks and _underscores_**.

Strikethrough with ~~two tildes~~.

01

Những cái bàn

Bảng đánh dấu

Đối với các bảng đơn giản, nhanh chóng, hãy sử dụng trình tạo bảng Markdown và dán Markdown kết quả vào trang của bạn

Bảng CSV

Đối với các bảng lớn hơn, hãy lưu bảng tính của bạn dưới dạng tệp CSV trong thư mục của trang rồi kết xuất bảng tính đó bằng cách thêm mã ngắn Bảng vào trang của bạn