• Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
AnonyViet
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức
No Result
View All Result
AnonyViet
No Result
View All Result

Cách tạo Website bằng Github đơn giản trong 15 phút

Elyx13 by Elyx13
29/07/2020
in Code
0

Mục lục bài viết

  1. Tạo Website bằng Github
  2. Tạo file index.html
  3. Bật Github Pages
  4. Trang trí thêm

Trong bài viết này, mình sẽ hướng dẫn các bạn cách tạo Website bằng Github dựa trên HTML của riêng bạn vô cùng dễ dàng. Phần hay nhất của bài viết này là bạn chỉ cần sử dụng trình duyệt của mình mà thôi. Nhờ một tính năng mới trên Github có tên là Github Pages, mà ta có thể làm được điều này.

Trang web của bạn sẽ không được xây dựng trên các nền tảng hoặc các mẫu có sẵn. Mình sẽ sử dụng HTML để xây dựng bất cứ thứ gì, từ việc in tên bạn, đến việc phản hồi lại các hình ảnh động và làm một con mèo biết bay bằng cách sử dụng tất cả các thủ thuật trên internet. Sự sáng tạo của bạn không có giới hạn.

Các bài viết liên quan

code Website ma trận

Share code Website ma trận Coinwink mới

29/07/2020
có nên sử dụng wordpress

Có nên sử dụng WordPress để thiết kế Website không?

24/07/2020
HTML Compiler

Download HTML Compiler 2020.4 – Chuyển đổi HTML thành file EXE

15/04/2020
Cách Fake Ảnh và Tiêu đề Website khi đăng lên Facebook troll bạn bè 24

Cách Fake Ảnh và Tiêu đề Website khi đăng lên Facebook troll bạn bè

15/03/2020 - Updated on 16/12/2020

Cách tạo Website bằng Github đơn giản trong 15 phút 19

Hướng dẫn này giả định rằng bạn không có bất kỳ kiến thức nào về website. Nhưng mình hy vọng điều này sẽ là sự khởi đầu cho cuộc hành trình phát triển web của bạn.

Chỉ cần 15 phút thì bạn sẽ có một trang web giống như thế này. Mình biết là nó rất đơn giản nhưng bạn có thể tuỳ chỉnh website của mình trong tương lai.

Xem thêm:  Download HTML Compiler 2020.4 - Chuyển đổi HTML thành file EXE

Tạo Website bằng Github

Trước tiên hãy truy cập vào Github và tạo tài khoản. Sau khi đã tạo xong, nhấp vào “new repository” trong Github và tạo một project mới. Mình gọi repo mới này là create website in 15 minute.Cách tạo Website bằng Github đơn giản trong 15 phút 20

 

Khi bạn tạo repo, hãy nhớ tích vào chỗ “initialize this repository with a README”. Nếu bạn không như vậy, bạn sẽ phải tự khởi tạo dự án trên máy tính của mình và sau đó đẩy code trên máy lên github. Nếu bạn chưa biết cách sử dụng Github thì nên tải khóa học miễn phí về cách sử dụng Git & Github trên AnonyViet để xem qua nhé

Tạo file index.html

Để tạo file index cũng như cấu trúc website, bạn cần có kiến thức cơ bản về HTML. AnonyViet cũng đã có chia sẻ khóa học HTML để bạn tự học ở nhà.

Toàn bộ file của chúng ta sẽ chỉ có duy nhất mỗi tệp HTML. Điều quan trọng là tệp của chúng ta phải được đặt tên là index.html. Việc này là do Github tìm kiếm tệp có tên là index.html để sử dụng cho trang web của chúng ta. Vì vậy, chúng ta sẽ tạo tệp tin này ngay thôi, chỉ cần nhấn vào chữ “Create new file” là được.Cách tạo Website bằng Github đơn giản trong 15 phút 21Đơn giản lắm, tiếp theo đặt tên cho tệp mới là index.html và nhập code bên dưới vào. Những thứ ngộ nghĩnh được đặt trong dấu <> được gọi là thẻ HTML. Thẻ html thường sẽ có những thẻ mở <> và thẻ đóng </> như thế này. Và tất cả mọi thứ giữa hai thẻ được gọi là nội dung của thẻ.Cách tạo Website bằng Github đơn giản trong 15 phút 22

Xem thêm:  WordPress là gì? Các kiến thức WordPress cơ bản cho người mới bắt đầu

 

Quan sát đoạn code, chúng ta thấy có hai chữ Anonyviet. Cái đầu tiên trong head, nằm trong tag <title> và cái thứ hai nằm trong body, trong tag <h1>. <h1> là thẻ tiêu đề 1, thường dùng để làm tiêu đề cho bài viết, còn tag <title> là tiêu đề của website, được hiển thị dưới dạng tiêu đề của tab trong trình duyệt.

Sau khi đã gõ đoạn code trên xong, các bạn cần lưu file này lại. Trong Github, chúng ta phải nhấn nút “commit” để lưu file. Commit giúp bạn theo dõi các phiên bản trên tệp của mình, điều này khá tiện lợi vì ta có thể quản lý tệp dễ dàng hơn nhiều. Vì vậy, bạn có thể nhập thông tin của commit để giải thích những thay đổi bạn đã thực hiện đối với tệp của mình và sau đó nhấn “Commit new file”. tạo trang web bằng github trong 15 phút

Bật Github Pages

Việc tiếp theo cần làm là bật Github Pages và trang web của bạn sẽ có mặt trên internet ngay thôi. Để bật Github Pages, đầu tiên vào tab “Settings” trong repo của bạn và cuộn xuống phần Github Pages. Chọn “master branch” trong phần Source.

Cách tạo Website bằng Github đơn giản trong 15 phút 23

Sau khi làm điều đó, Github sẽ tạo link cho website của bạn. Và trang web của bạn đã có mặt trên internet rồi đó.

thiết kế web bằng github page

Trang trí thêm

Sau khi đã chạy web thành công, chúng ta sẽ trang trí một ít để web trông bắt mắt hơn. Với một số dòng CSS cơ bản, bạn đã có thể làm chữ Anonyviet nổi bật hơn rồi.

Xem thêm:  Download tool troll Manager ( Windows Error )

Tạo website bằng github html

Chúng ta vừa thay đổi background thành màu đen, cho chữ Anonyviet lớn hơn và biến tên đó thành màu vàng (#eeee33 cái này gọi là color code nhé). Bạn có thể tự chọn mã HEX màu yêu thích bằng cách gõ “css color picker” vào google search.

Để chỉnh sửa file, bạn chỉ cần nhấn vào file index.html rồi nhấn vào biểu tượng bút chì bên tay phải để edit. Cuối cùng nhấn “Commit changes” để lưu file.

Xong rồi đó, mình vừa hướng dẫn các bạn cách tạo một trang web cá nhân bằng github trong vòng 15 phút. Đây sẽ bước khởi đầu cho hành trình phát triển web của bạn. Bài tới, mình sẽ public code web front-end tạo hiệu ứng ma trận cho các bạn xài chơi nhé. Trong thời gian chờ đợi, các bạn cũng có thể dùng code website giới thiệu bản thân AboutMe2 nhé.

Chốt bài, ai đang học web mà là back-end thì lời khuyên cũng mình là đừng nên lạm dụng mấy cách này để tạo web nhanh nhé. Tốt nhất là học từ đầu để biết cách tạo web làm sao, mấy bước, cần học những gì, hiểu cách web và server hoạt động.

Tags: gitgithubhtmltạo websitethiết kế web
Previous Post

Hướng dẫn Hack Password giải nén file RAR không cần phần mềm

Next Post

Share code Website ma trận Coinwink mới

Elyx13

Elyx13

Có người không dám bước vì sợ gãy chân, nhưng sợ gãy chân mà không dám bước đi thì khác nào chân đã gãy.

Related Posts

code shell script
Code

Cách viết Shell Script trong Linux/Unix

17/02/2021
code python keylogger
Code

Cách tạo KeyLogger bằng Python đơn giản nhất

14/02/2021
6 ngôn ngữ lập trình Kỹ sư mạng máy tính nên học 25
Code

6 ngôn ngữ lập trình Kỹ sư mạng máy tính nên học

02/02/2021 - Updated on 03/02/2021
môi trường ảo python windows
Code

Cách thiết lập môi trường ảo Python trên Windows 10

17/01/2021
Các kiểu dữ liệu cơ bản trong Python 26
Code

Các kiểu dữ liệu cơ bản trong Python

12/01/2021
Top 5 Ngôn Ngữ Lập Trình Hacker Mũ Trắng Nên Học
Code

Top 5 Ngôn Ngữ Lập Trình Hacker Mũ Trắng Nên Học

27/11/2020 - Updated on 30/11/2020
Next Post
code Website ma trận

Share code Website ma trận Coinwink mới

guest
guest

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.

0 Comments
Inline Feedbacks
View all comments

Liên hệ Quảng Cáo

Lien he AnonyViet

Đối tác

Fshare

Các bài mới

quan tri mang co can hoc lap trinh

Làm Quản trị mạng có cần phải biết lập trình không?

26/02/2021
spring sale keysoff

[Mã giảm giá]! Bản quyền Key Windows 10 giá 150k và Office 2019 giá 600k

25/02/2021
nhan 20000 tnex

Hướng dẫn nhận 1.980.000đ miễn phí từ TNEX – Ngân hàng MSB

23/02/2021
VX Student - Phần mềm quản lý học sinh khi học trực tuyến

VX Student – Phần mềm quản lý học sinh khi học trực tuyến

23/02/2021 - Updated on 25/02/2021
taskade

Các tiện ích mở rộng Chrome nâng cao hiệu suất công việc 2021

23/02/2021

Ads

Giới thiệu

AnonyViet

AnonyViet

Nơi chia sẻ những kiến thức mà bạn chưa từng được học trên ghế nhà trường!

Chúng tôi sẵn sàng đón những ý kiến đóng góp, cũng như bài viết của các bạn gửi đến AnonyViet.

Hãy cùng AnonyViet xây dựng một cộng đồng CNTT lớn mạnh nhất!

Giới thiệu

AnonyViet là Website chia sẻ miễn phí tất cả các kiến thức về công nghệ thông tin. AnonyViet cung cấp mọi giải pháp về mạng máy tính, phần mềm, đồ họa và MMO.

Liên kết

Game B52
Tải game đổi thưởng online
Chơi game bài hot 2020
Chơi game bài đổi thưởng online
Gam Víp
88vin link
RikVip

Liên hệ đặt Ads: [email protected]

Liên hệ

Email: anonyviet.com[@]gmail.com

1409 Hill Street #01-01A
Old Hill Street Police Station
Singapore 179369

Bài viết mới

  • Làm Quản trị mạng có cần phải biết lập trình không?
  • [Mã giảm giá]! Bản quyền Key Windows 10 giá 150k và Office 2019 giá 600k
  • Hướng dẫn nhận 1.980.000đ miễn phí từ TNEX – Ngân hàng MSB
  • VX Student – Phần mềm quản lý học sinh khi học trực tuyến
  • Các tiện ích mở rộng Chrome nâng cao hiệu suất công việc 2021
  • Hướng dẫn nhận 100.000đ về ZaloPay miễn phí – Phá Đảo Ngọc
  • Giới thiệu về AnonyViet
  • Liên hệ Quảng cáo
  • Privacy & Policy
  • Contact

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

No Result
View All Result
  • Network
    • Mạng cơ bản
    • Hyper-V
    • Linux
    • Windown Server 2012
  • Security
    • Basic Hacking
    • Deface
    • DDOS
    • Kali Linux / Parrot
    • SQL Injection
    • Virus-Trojan-Rat
  • Thủ thuật
    • Khóa Học Miễn Phí
    • Code
    • Mẹo Vặt Máy Tính
    • Facebook
    • Windows 7/8/10
    • Đồ Họa
    • Video
  • Software
    • Phần mềm máy tính
    • Phần mềm điện thoại
  • MMO
    • Advertisers – Publishers
    • Affiliate Program
    • Kiếm tiền bằng điện thoại
    • Pay Per Click – PPC
  • Tin tức
  • Kiến thức

© 2019 AnonyViet - Chúng tôi mang đến cho bạn những kiến thức bổ ích về Công nghệ.

wpDiscuz