zukahai / confess-crush

Creating a cute website to send to your crush is very simple
https://zukahai.github.io/confess-crush/
1.43k stars 2.36k forks source link
beautifull confess-crush crush css design html love no-code teamplate web website

Tạo một trang web tỏ tình không cần code

confess-crush


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.

fork

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

fork

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

Để chỉnh sửa trong web theo ý của bạn, bản cần chỉnh sửa file config.js
Click vào chữ config.js để mở file đó lên.

edit config.js

Tiếp tục click vào biểu tượng bút chì như bên dưới để chỉnh sửa file này.

support

Đến đây bạn hãy chỉnh sửa thông tin trong file đó theo ý của bạn.
Bạn có thể chỉnh sửa tên website, tên crush của bạn, chỉnh sửa đương link thành link message của bạn, ...
Sau khi chỉnh sửa xong bạn nhớ ấn và0 đây để lưu lại nhé.

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 Confress-Crush 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


Video hướng dẫn

Các bạn vẫn chưa làm được à? có thể là bị sai ở một bước nào đó, xem video hướng dẫn để biết mình sai ở đâu nhé.
Xem vide hướng dẫn Tại đây

web


Ấn vào đây để xem kết quả tương tự của bạn

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

web

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

Source-code được tham khảo từ nhiều nguồn.