Trong bài trước chúng ta đã cài đặt công cụ lập trình visual studio code và EzyPlatform EzyArticle extension. Bây giờ chúng ta sẽ sử dụng công cụ này để hoàn thiện trang chủ.

Chuẩn bị chung

  • Bạn cần đảm bảo environment.json đã sẵn sàng.
  • Bạn có thể mở palette (Cmd+Shift+P / Ctrl+Shift+P) và chạy EzyArticle: Sync Page Fragments hoặc chuột phải và explorer chọn Sync Page Fragments menu item để kéo các fragment mới nhất vào workspace.
Screenshot 2026-02-27 at 17.42.06.png

Sao chép toàn bộ ảnh vào thư mục /api/v1/media.

Bạn có thể tải xuống tất cả ảnh tại đây xuống sau đó sao chép toàn bộ ảnh vào thư mục api/v1/media, ảnh sẽ được động đồng bộ lên server.
Screenshot 2026-02-27 at 17.44.17.png

Đồng bộ common/header

Bạn có thể truy cập vào thư mục page-fragments/common/header/ rồi chạy lệnh EzyArticle: Sync Page Fragment Folder hoặc chuột phải và thư mục đó rồi chọn Sync Page Fragment Folder.
Screenshot 2026-02-27 at 17.47.58.png

Hoàn thiện footer

Đồng bộ common/footer

Tương tự với header bọn có thể đồng bộ common footer page fragment với thư mục page-fragments/common/footer, như vậy bạn sẽ có:
Screenshot 2026-02-27 at 17.51.21.png

Tạo nội dung cho header.

  • Mở https://github.com/pawantech12/portfolio-website/blob/main/index.html, tìm khu vực <!-- footer section starts -->…<!-- footer section ends here --> và sao chép toàn bộ mã nguồn HTML.
  • Dán vào page-fragments/common/footer/content.html

Đồng bộ footer lên máy chủ

Bạn có thể chạy lệnh EzyArticle: Publish Content To Server hoặc chuột phải vào thư mục footer sau đó chọn menu item Publish Content To Server.
Screenshot 2026-02-27 at 18.39.08.png

Tạo trang chủ

Tạo folder home cho trang chủ

Bạn có thể tạo thư mục pages/home cho trang chủ.

Đồng bộ trang chủ

Bạn có thể dùng lệnh EzyArticle: Sync Page Folder hoặc chuột phải vào thư mục home và chọn menu item Sync Page Folder.
Screenshot 2026-02-27 at 18.40.46.png

Tạo nội dung cho trang chủ

Bạn có thể sao chép nội dung đã được chọn từ github vào tập tin home/content.html.

Đồng trang chủ lên máy chủ

Cũng tương tự như page fragment, bạn có thể đồng bộ trang chủ lên máy chủ bằng cách chạy lệnh EzyArticle: Publish Content To Server hoặc chuột phải vào thư mục home sau đó chọn menu item Publish Content To Server.

Kết quả

Bạn có thể nhận được kết quả như sau:
Screenshot 2026-02-27 at 18.46.15.png
Bạn cũng có thể truy cập https://freestyle.ezyplatform.com để tham khảo kết quả.