/box-love

Creating a cute website to send to your crush is very simple

Primary LanguageCSS

Tạo một trang web gửi cho người thương vô cùng đơn giản

bg


Hướng dẫn chi tiết

Lưu ý: Nếu bạn đang sử dụng điện thoại thì bạn cần mở hướng dẫn này ở dưới dạng cho máy tính bằng cách mở trang web này trong trình duyệt chorme và làm theo hình bên dưới:

bg


Bước 1: Đăng nhập github

Bạn phải có tài khoản github, nếu bạn chưa có hay đăng ký Tại đây
Sau khi đăng nhập bạn quay lại đây nhé, các bước tiếp theo vô cùng đơn giản thôi.

Follow github.

bg

Truy cập và đường link và ấn follow cho mình nhé: https://github.com/zukahai

Bước 2: Fork Project

Để có thể sửa trang web theo ý bạn, bạn cần phải fork project này.
Tại trang này hãy click vào 2 biểu tượng như hình bên dưới theo thứ tự.

fork

Lưu ý: Sau khi bấm fork nên chờ khoảng 2 giây để nó chuyển trang nhé.

Bước 3: Chỉnh sửa web theo ý của bạn.

Như phần demo thì các bạn thấy trang web của chúng ta sẽ cần 6 hình ảnh phía trong, 6 hình ảnh bên ngoài và 1 ảnh nền
Tổng cộng bạn cần có 12 hình ảnh của người và 1 ảnh làm nền.

Sau khi đã có đủ hình ảnh bạn cần tải nó lên bằng các bước sau
Mở folder images bằng cách click vào nó.

Tiếp tục chọn add file, sau đó chọn upload files.

support

Chọn choose your file để tải các ảnh của bạn lên.

support

Chọn commit changes để hoàn thành việc tải ảnh.

support

Sau khi tải ảnh xong các bạn chọn file config.js để sửa đổi thông tin nhé.

support

Click vào biểu tượng chỉnh sửa

support

Phần này các bạn cần chỉnh lại tên của các ảnh đúng với tên của các bạn đã tải lên ở folder images lúc nãy.

support

Bước 4: Tạo trang web

Đầu tiên các bạn truy cập: https://vercel.com/login

Chọn đăng nhập bằng github:

support

Sau khi đăng nhập, tại giao diện chính, bấm nút Add New, chọn Project

support

Bấm import bên phải Box-love như trong hình:

support

Chọn Deploy và chờ khoảng 1 phút để trang web của bạn được tạo.

support

Sau khi xuất hiện như hình dưới thì chúc mừng bạn đã tạo trang web thành công. Bấm vào theo như hình để lấy link trang web của bạn.

support



web


Câu hỏi và phản hồi

Nếu bạn vẫn chưa làm được hoặc hoặc chưa biết mình làm sai ở đây hãy nhấn vào hình bên dưới hoặc nhấn Tại đây

😘💔💙💓💝💟💑 Chúc các bạn thành công 💚💗💘💖💞💋👄