CodeKitHubCông Cụ Này Là Gì?
Trình Giả Lập Bảng Điều Khiển Tumblr tái tạo feed bảng điều khiển Tumblr thực — một chồng thẻ bài đăng có thể cuộn với nhiều loại khác nhau (văn bản, ảnh và trích dẫn), mỗi thẻ có tên blog, số lượng ghi chú và nội dung được đơn giản hóa — để bạn có thể xuất nó dưới dạng hình ảnh mockup có thể chia sẻ.
Công cụ này không bao giờ được dùng để dựng bằng chứng gian lận, quấy rối hoặc bôi nhọ ai đó, hay mạo danh bài đăng thực của người thật — làm vậy có thể là bất hợp pháp tùy theo khu vực pháp lý của bạn.
Mọi thứ được tạo cục bộ trong trình duyệt của bạn bằng HTML Canvas API; không có gì được tải lên máy chủ.
Tại Sao Nên Dùng?
- Kết xuất 100% cục bộ — nội dung của bạn không bao giờ chạm tới máy chủ.
- Minh họa một trò đùa, câu chuyện hoặc bài thuyết trình bằng mockup feed Tumblr chân thực.
- Tạo mẫu thử cho các khái niệm giao diện bảng điều khiển kiểu Tumblr cho ứng dụng, khóa học hoặc bộ slide.
- Không cần tài khoản, không tải lên, không watermark — chỉ cần gõ và tải xuống.
Cách Sử Dụng
- Nhấp "+ Thêm bài đăng" để thêm một thẻ bài đăng mới vào feed.
- Điền tên blog, số lượng ghi chú, văn bản và loại bài đăng (văn bản, ảnh hoặc trích dẫn) cho mỗi bài đăng.
- Thêm hoặc xóa bài đăng để xây dựng feed, theo bất kỳ thứ tự nào.
- Theo dõi bản xem trước trực tiếp cập nhật, sau đó nhấp "Tải PNG" để lưu hình ảnh.
Ví dụ
Đầu vào
Bài đăng 1: blog "wanderfeed", loại ảnh, văn bản "Giờ vàng chưa bao giờ làm thất vọng…", ghi chú "2.481" · Bài đăng 2: blog "quietthoughts", loại trích dẫn · Bài đăng 3: blog "coffeeanddrafts", loại văn bảnĐầu ra
Một tệp PNG được thiết kế giống bảng điều khiển Tumblr thực: ba thẻ bài đăng xếp chồng, mỗi thẻ có avatar blog riêng, tên, nội dung được tạo kiểu theo loại bài đăng và số lượng ghi chú.Hình ảnh được kết xuất ngay lập tức trên canvas xem trước trực tiếp và tải xuống chỉ với một cú nhấp chuột — không chờ đợi, không cần trao đổi qua lại với máy chủ.
Những gì bạn có thể tùy chỉnh
- Bất kỳ số lượng thẻ bài đăng nào, mỗi thẻ có tên blog và số lượng ghi chú riêng.
- Loại bài đăng (văn bản, ảnh hoặc trích dẫn) và nội dung cho mỗi thẻ.
- Chi tiết bố cục khớp với phong cách feed bảng điều khiển thực của Tumblr.
Sử dụng có trách nhiệm
Công cụ tạo này tồn tại để giúp dễ dàng tạo ra các hình ảnh mockup rõ ràng là hư cấu phục vụ mục đích hài hước, kể chuyện và công việc thiết kế. Nếu bạn chia sẻ hình ảnh được tạo bằng công cụ này, hãy cân nhắc thêm ngữ cảnh để người xem hiểu rằng đây không phải là một feed bảng điều khiển thực.
Câu Hỏi Thường Gặp
Sử dụng công cụ này có hợp pháp hay đạo đức không?
Bản thân công cụ này hợp pháp để sử dụng cho mục đích giải trí, làm mockup, thuyết trình và công việc thiết kế. Điều không hợp pháp hoặc phi đạo đức là sử dụng hình ảnh được tạo ra để lừa dối ai đó. Vui lòng chỉ sử dụng công cụ này cho mục đích hư cấu hoặc minh họa rõ ràng.
Công cụ này có tải nội dung của tôi lên bất kỳ đâu không?
Không. Mọi thứ bạn nhập vẫn nằm trong bộ nhớ trình duyệt của bạn và được vẽ trực tiếp lên một phần tử canvas bằng JavaScript. Tệp PNG được tạo ra và tải xuống trên thiết bị của bạn — không có gì từng được gửi đến máy chủ.
Tôi có thể thêm bao nhiêu bài đăng vào feed?
Không có giới hạn cứng — thêm bao nhiêu thẻ bài đăng tùy thích, canvas sẽ tự động thay đổi kích thước chiều cao để vừa với feed kết quả.
Sự khác biệt giữa bài đăng văn bản, ảnh và trích dẫn là gì?
Bài đăng văn bản hiển thị nội dung văn bản thuần túy, bài đăng ảnh thêm một hình giữ chỗ dạng gradient bên dưới văn bản, và bài đăng trích dẫn hiển thị văn bản theo kiểu trích dẫn in nghiêng — phản ánh định dạng loại bài đăng thực của Tumblr.