Hướng dẫn how to share html code - cách chia sẻ mã html

Chào mừng đến với cộng đồng Treehouse

Cộng đồng Treehouse là nơi gặp gỡ cho các nhà phát triển, nhà thiết kế và lập trình viên của tất cả các nền tảng và cấp độ kỹ năng để nhận được hỗ trợ. Phối hợp ở đây về các lỗi mã hoặc lỗi mà bạn cần phản hồi hoặc yêu cầu thêm một bộ mắt về dự án mới nhất của bạn. Tham gia cùng hàng ngàn sinh viên Treehouse và cựu sinh viên trong cộng đồng ngày hôm nay. .

Tìm kiếm để học một cái gì đó mới?

Treehouse cung cấp một bản dùng thử miễn phí bảy ngày cho sinh viên mới. Nhận quyền truy cập vào hàng ngàn giờ nội dung và một cộng đồng hỗ trợ. Bắt đầu thử nghiệm miễn phí ngay hôm nay.

Tôi đã viết một trang web cơ bản bằng cách sử dụng HTML và CSS trong không gian làm việc. Tôi muốn chia sẻ điều này với ai đó qua email vì vậy tôi đã sao chép văn bản vào Notepad và lưu chúng dưới dạng các tệp HTML và CSS tương ứng. Có vẻ như việc đặt các tệp này và các hình ảnh liên quan đến trang web vào một thư mục không thể được gửi qua email. Có cách nào dễ dàng để chia sẻ một trang web được thực hiện tùy chỉnh qua email không? Cảm ơn!

3 câu trả lời

Nếu bạn zip thư mục, thì bạn có thể đính kèm nó vào email. Nếu bạn có Mac chỉ cần nhấp chuột phải vào thư mục và chọn nén. Nếu không, sử dụng Winzip hoặc một chương trình khác.

Những gì tôi sẽ đề nghị bạn làm là mở tài khoản Google Drive (miễn phí), tải lên thư mục chứa tất cả các tệp của bạn và chia sẻ nó với người đó. Chỉ là một ý tưởng, tôi hy vọng bạn thấy nó hữu ích.

Cảm ơn anh em về sự giúp đỡ!

Phát triển web hiếm khi được thực hiện trong sự cô lập. Ngay cả khi bạn là một lập trình viên solo, đôi khi bạn có thể cần chia sẻ mã với người khác. Có thể bạn cần chia sẻ chức năng đó với người bạn lập trình viên của bạn, hoặc hiển thị đoạn trích để gỡ lỗi cho một đồng nghiệp? Trong những trường hợp như vậy, các trang web chia sẻ mã có ích và chứng minh là hữu ích.

Về cơ bản, các trang web chia sẻ mã như vậy cho phép bạn chia sẻ đoạn mã với những người khác như một vấn đề của bản sao và dán đơn giản. Bạn sao chép mã từ trình chỉnh sửa mã của mình và dán nó vào trang web chia sẻ mã, sau đó chia sẻ liên kết hoặc trang với các thành viên trong nhóm hoặc đồng nghiệp của bạn. Bằng cách này, bạn cũng có thể xây dựng các thư viện mã và đoạn trích của riêng bạn.

Nhưng những trang web chia sẻ mã nào là tốt nhất? Trong bài viết này, chúng tôi đã tập hợp 15 trang web chia sẻ mã tốt nhất cho bạn.

15 Trang web chia sẻ mã hữu ích cho các nhà phát triển web

1 Dubblet

Dabblet cho phép bạn phá vỡ các tác vụ và giao diện thành các phần khác nhau để trực quan hóa dễ dàng hơn. Bạn có thể sử dụng các bản xem trước khác nhau cho cả mã và đầu ra của nó. Dabblet không phải là trang web chia sẻ mã phong phú nhất hiện có nhưng nó thực hiện tốt nhiệm vụ của nó.

Trọng tâm của Dabblet là năng suất và quản lý quy trình làm việc dễ dàng hơn. Nó không có rất nhiều tùy chọn để bạn làm việc, mà thay vào đó cho phép bạn chỉ cần chia sẻ mã theo cách bạn thấy phù hợp, có thể có hoặc không có bản xem trước.

2 LiveWeave

LiveWeave là một giải pháp chia sẻ mã và phát triển web cực kỳ phong phú và mạnh mẽ cho CSS3, HTML5 và JavaScript. Nó được tải với nhiều thư viện JS cũng như bảng màu và các công cụ quản lý khung khác.

LiveWeave có trình tạo mã CSS riêng. Ngoài ra, nếu bạn muốn, bạn có thể sử dụng nó để tạo văn bản giả cho các dự án của bạn. LiveWeave khá đơn giản để sử dụng và cung cấp một cửa sổ hoặc bảng điều khiển độc lập cho từng ngôn ngữ được lựa chọn, chẳng hạn như mã CSS, HTML và JS hoạt động độc lập.

3 JSfiddle

JSfiddle đã và tiếp tục là một trong những trang web chia sẻ mã đầu tiên trong giải đấu của mình. Nó là khá rõ ràng và đơn giản để sử dụng. Bạn có bốn bảng riêng biệt hoặc cửa sổ phụ để làm việc. Mỗi bảng điều khiển được dành riêng cho HTML, CSS và JavaScript tương ứng, với bảng thứ tư được dành riêng cho đầu ra.

Khác với sự hợp tác mã, JSFiddle đi kèm với một số tính năng rất gọn gàng của riêng nó. Nó hỗ trợ các thư viện JS khác nhau và cũng có khả năng tự động lưu mã của bạn cục bộ. Bạn có thể sử dụng nó để tạo mã nhúng hoặc xem trước mã trông như thế nào khi làm việc với các thành viên trong nhóm của bạn trong một dự án.

4 codeply

Codeply là một trang web chia sẻ mã rất phổ biến và trình soạn thảo frontend. Nó nổi tiếng với thực tế là nó hỗ trợ hầu như mọi phần của công nghệ, khung hoặc nồi hơi có thể được sử dụng trong thiết kế và phát triển phía trước. Bootstrap, Foundation, Purecss, Skeleton, bạn đặt tên cho nó!

Codeply thường được sử dụng để tạo ra các thành phần và thiết kế đáp ứng. Bạn có thể chọn đoạn trích, phần tử và công cụ từ chính trình chỉnh sửa trong khi mã hóa. Nó có cộng đồng riêng trong đó các lập trình viên có thể giới thiệu công việc của họ. Vì Codeply tập trung nhiều vào chỉnh sửa Frontend, bạn có thể nhanh chóng bắt đầu với khuôn khổ bạn chọn.

5 Codeshare

Codeshare là một trang web chia sẻ mã đơn giản và không rườm rà cho phép bạn làm việc và chia sẻ mã trong thời gian thực. Nó không yêu cầu bạn đăng ký. Tất cả những gì bạn cần làm là viết hoặc dán mã của bạn và chia sẻ liên kết với các thành viên trong nhóm của bạn, cho phép họ truy cập vào mã nói trên.

Codeshare cũng có các tính năng trò chuyện video để hợp tác tốt hơn. Tuy nhiên, vì nó không yêu cầu bạn đăng ký, công việc của bạn không phải lúc nào cũng được lưu mãi mãi. Sau một thời gian hai tuần, mã được chia sẻ sẽ biến mất khỏi trang web. Do sự đơn giản của nó, Codeshare khá phổ biến.

6 JS Bin

JS Bin là một giải pháp chia sẻ mã và pastebin cho mã HTML, CSS và JavaScript. Giao diện rất đơn giản. Bạn có cửa sổ chia thành ba bảng. Ở phía bên trái và trung tâm, bạn có thể nhập mã của mình trong khi phần bên phải hiển thị đầu ra. Bạn có thể sử dụng các tab để chuyển đổi trên các ngôn ngữ mã hoặc hiển thị bảng điều khiển, như cần thiết.

JS Bin là một giải pháp phong phú, và nó cũng có phiên bản Pro. Phiên bản Pro cung cấp các tính năng như khả năng sao lưu công việc của bạn cho Dropbox, sử dụng URL Vanity hoặc tạo các thùng riêng được bảo vệ để xem công khai. Nó có giá 12,99 bảng mỗi tháng.

7 Codepad

Codepad rõ ràng là nền tảng chia sẻ mã cuối cùng. Cho đến nay, trong tất cả các tùy chọn được đề cập ở trên, trọng tâm là HTML, CSS và JavaScript. Tuy nhiên, Codepad không tuân theo sự thiên vị và hỗ trợ các ngôn ngữ lập trình khác nhau. C, C ++, Python, PHP, Java, và nhiều hơn nữa ngoài các phát triển web tiêu chuẩn.

Codepad cho phép bạn tạo các dự án mã công cộng và riêng tư cũng như chia sẻ mã của bạn với cộng đồng. Vì không có nhiều trang web chia sẻ mã đa ngôn ngữ ngoài kia, Codepad có thể nổi bật.

8 cssdeck

Đừng bị lừa bởi cái tên - CSSDeck cũng hỗ trợ HTML và JavaScript ngoài, tất nhiên, CSS. CSSDECK không yêu cầu bạn đăng ký, nhưng vì đăng ký là miễn phí, bạn có thể chọn làm như vậy. Nó hiện có hơn 56.000 người dùng đã đăng ký.

Điều gì làm cho CSSDECK trở nên đặc biệt? Nó cho phép bạn mã hóa cũng như cộng tác và chia sẻ đoạn mã của bạn. Hơn nữa, một tính năng đặc biệt là bạn có thể tạo CodeCasts, nghĩa là tạo các luồng mã trực tiếp cho các đầu ra đã cho mà người xem có thể xem và làm theo.

9 GITTUB GIST

Bạn đã không mong đợi một danh sách các trang web chia sẻ mã sẽ hoàn thành mà không đặt tên GitHub ngay cả một lần, phải không?

GitHub Gist là một giải pháp chia sẻ mã rất phổ biến cho các nhà phát triển. Nổi tiếng vì đã giúp các lập trình viên nguồn mở sử dụng các công cụ cấp doanh nghiệp mà không cần đốt một lỗ hổng trong túi của họ, GitHub Gist cho phép bạn chia sẻ đoạn mã và dự án với nhóm của bạn.

Bạn có thể chọn để có các dự án tư nhân hoặc công cộng. Phần tốt nhất về GitHub Gist là ngoài việc chia sẻ và hợp tác, nó hỗ trợ trong tài liệu thích hợp vì các thành viên trong nhóm của bạn có thể để lại phản hồi và xếp hạng về mã.

10 Codepen

Codepen cho phép bạn chia sẻ và làm việc trên các đoạn mã bằng cách của bút. Không, không phải bút thực tế. Về cơ bản, bạn tạo ra một cây bút hình và điều đó có nghĩa là bạn đã thiết lập một đoạn mã được chia sẻ trong sân chơi. Bạn có thể chọn đăng ký phiên bản Pro với giá 9 đô la mỗi tháng để tích hợp tốt hơn và để mở khóa tất cả các tính năng, chẳng hạn như chia sẻ mã riêng tư và bị khóa.

Codepen hỗ trợ hầu hết các tiền xử lý CSS nổi tiếng bao gồm ít hơn và SASS, và nó cho phép bạn làm việc với CSS, HTML và JS. Bạn có thể duyệt những người khác bút để lấy cảm hứng.

11 Snipplr

Snipplr là một trang web để chia sẻ đoạn mã với thế giới cũng như nhóm của bạn. Về cơ bản, nó là một kho lưu trữ các đoạn mã từ các ngôn ngữ lập trình khác nhau - JavaScript, HTML, PHP, CSS, Ruby và thậm chí là khách quan C.

Bạn có thể chia sẻ đoạn mã ngay lập tức và nó trở nên trực tiếp trên trang web để mọi người xem. Ngoài ra, bạn có thể đăng ký và sau đó chia sẻ đoạn trích qua tài khoản của bạn để giữ chúng ở một nơi và có thể xem theo mong muốn của bạn.

12 Codeproject

Codeproject là một cộng đồng chia sẻ kiến ​​thức và ít hơn một pastebin mã. Nếu bạn đang tìm kiếm một mã dán, hãy nhận liên kết, hãy chia sẻ giải pháp, CodeProject có thể là quá mức cần thiết cho bạn.

Nó cho phép bạn bắt đầu các luồng và đăng bài về các đoạn mã mà người dùng khác có thể xem và học hỏi từ cũng như để lại phản hồi. Nó hỗ trợ hầu như mọi ngôn ngữ mã hóa, bao gồm .NET và C# cũng như các công cụ cơ sở dữ liệu như SQL. Cần thêm? Codeproject có các phần riêng cho các nhà phát triển di động như Android và iOS.

Codeproject là một nơi rất tốt để bắt đầu nếu bạn muốn tìm hiểu mã hóa tốt hơn và tìm kiếm phản hồi về kỹ năng mã hóa của bạn.

13 cộng tác

Collabedit không phải lúc nào cũng xếp hạng giữa các trang web chia sẻ mã. Tuy nhiên, nó thực hiện công việc thực sự tốt và chắc chắn xứng đáng được đề cập. Collabedit, về bản chất, là một biên tập viên mã hợp tác (có phải là điều hiển nhiên từ chính cái tên này không?).

Nó cho phép bạn hợp tác trong mã của bạn trong thời gian thực với các thành viên trong nhóm của bạn. Thêm vào đó, nó hỗ trợ hầu hết tất cả các ngôn ngữ mã hóa chính và được tải với hầu như tất cả các tính năng mà bạn có thể mong đợi từ một trình chỉnh sửa mã như Syntax làm nổi bật và lịch sử tài liệu.

Collabedit cung cấp trò chuyện trực tiếp để bạn giao tiếp tốt hơn với các thành viên trong nhóm trong khi làm việc.

14 dán.co

PASTED.CO là một trang web chia sẻ mã và pastebin với một ưu đãi khá độc đáo của riêng nó. Đối với hầu hết các phần, nó hoạt động như mọi trang web khác ngoài đó - bạn dán mã của mình, bảo mật nó bằng mật khẩu nếu bạn muốn, sau đó chia sẻ liên kết.

Tuy nhiên, đây là nơi nó trở nên thú vị. Pasted.co hiển thị quảng cáo trên trang mỗi khi ai đó nhấp vào liên kết của bạn để xem mã được chia sẻ. Và, nó chia sẻ một phần của doanh thu quảng cáo với bạn! Do đó, một khi bạn đăng ký với PASTED.CO và chia sẻ mã của bạn bằng cách sử dụng nó, bạn cũng có cơ hội kiếm thêm một số tiền.

15 Etherpad

Etherpad là trình chỉnh sửa mã nguồn mở với chỉnh sửa mã hợp tác trong thời gian thực. Điều này có nghĩa là bạn và các thành viên trong nhóm của bạn có thể viết mã đồng thời và hợp tác hiệu quả.

Etherpad tạo điều kiện hợp tác bằng cách cho phép bạn tương tác thông qua bất kỳ trường hợp có sẵn nào. Trình chỉnh sửa là nguồn mở và sử dụng miễn phí và bạn có thể mở rộng nó bằng các plugin.

Tuy nhiên, bạn cần tải xuống phần mềm EtherPad Base và cài đặt nó trên máy tính của bạn để có thể sử dụng nó. Etherpad hỗ trợ các thiết bị Linux, Mac và Windows.

Với bạn

Tất nhiên, trước khi bạn bắt đầu chia sẻ đoạn mã, bạn cần viết mã. Nếu bạn đang tìm kiếm một trình soạn thảo mã miễn phí mượt mà và sáng tạo, chúng tôi rất khuyến khích các dấu ngoặc. Nó hoàn toàn miễn phí sử dụng và đi kèm với nhiều tiện ích mở rộng miễn phí hữu ích giúp mở rộng các tính năng của nó hơn nữa.

Vì chúng tôi về chủ đề mã hóa, bạn cũng có thể muốn xem hướng dẫn đầy đủ của chúng tôi về cách trở thành nhà phát triển WordPress đầy đủ.

Làm cách nào để chia sẻ mã HTML với người khác?

Trong bài viết này, chúng tôi đã tập hợp 7 trang web chia sẻ mã hữu ích và tốt nhất mà bạn có thể sử dụng ...
GitHub Gist ..
CodePen..
JSFiddle..
Codepad..
Codeshare..
JS Bin ..
Liveweave..

Tôi có thể chia sẻ một liên kết HTML không?

Liên kết chia sẻ rất đơn giản.Tất cả những gì chúng ta cần làm là tạo một thẻ neo chỉ vào một URL đặc biệt của mạng xã hội mong muốn, sau đó điền vào các tham số truy vấn cần thiết với trang meta meta mong muốn như URL và tiêu đề.create an anchor tag that points to a special URL of the desired social network, then fill in the required query parameters with the desired page meta-data like URL and title.

Làm cách nào để biến HTML thành URL?

Tiện ích mở rộng Chrome: Cách chuyển đổi tệp HTML cục bộ thành URL thành .....
trình duyệt Chrome.tab.tạo ({url: chrome. tiện ích mở rộng. getUrl ('ghi chú. html')});....
var urlchanged = cửa sổ.URL.createdObjectUrl ("Ghi chú. HTML");cửa sổ.mở (urlchanged);....
var urlchanged = chrome.thời gian chạy.geturl ("ghi chú. html");cửa sổ.Mở (urlchanged) ;.

Làm thế nào tôi có thể chia sẻ mã của tôi?

GitHub Gist GitHub là một nền tảng được sử dụng rộng rãi giữa các nhà phát triển và trong GitHub, bạn có thể tìm thấy ý chính;Một giải pháp chia sẻ mã giúp các nhà phát triển nguồn mở hợp tác, chia sẻ đoạn mã và các dự án với các thành viên trong nhóm của họ. Github is a widely- used platform among developers, and within Github, you can find Gist; a code-sharing solution that helps open source developers collaborate, share code snippets, and projects with their team members.

Chủ đề