Làm cách nào tôi có thể hiển thị đoạn mã Python được mã hóa màu trong blog Tumblr của mình


21

Tôi có một blog do Tumblr quản lý , trên đó tôi đăng rất nhiều bài viết liên quan đến Python. Làm cách nào để làm cho các đoạn mã Python trong bài đăng của tôi hiển thị được mã hóa màu?

Câu trả lời:


14

Nếu bạn có quá nhiều, tôi sẽ nói hãy tìm google-code-prettify .

Tất cả bạn phải làm là bao gồm một số javascript, css và sau đó bạn đã hoàn tất.

Kiểm tra một số ví dụ và đây là thiết lập:

  1. Tải xuống bản phân phối
  2. Bao gồm tập lệnh và biểu định kiểu trong tài liệu của bạn (bạn sẽ cần đảm bảo tệp css và js trên máy chủ của mình và điều chỉnh các đường dẫn trong tập lệnh và thẻ liên kết)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Thêm onload = "beautifulPrint ()" vào thẻ body của tài liệu của bạn.
  4. Sửa đổi biểu định kiểu để có được màu bạn thích

Vấn đề duy nhất tôi gặp phải với phương pháp này là nó hy vọng bạn đánh dấu các codethẻ của mình bằng một cụ thể class, điều này không tốt nếu bạn đang sử dụng cú pháp Markdown. May mắn thay, không phải là vấn đề khi sử dụng JS khi tải trang.
Mladen Jablanović

8

Bạn có thể sử dụng hilite.me

hilite.me chuyển đổi các đoạn mã của bạn thành định dạng HTML được in đẹp, dễ dàng nhúng vào các bài đăng trên blog, email và trang web.
Chỉ cần sao chép mã nguồn vào khung bên trái, chọn ngôn ngữ và bảng màu và nhấp vào "Đánh dấu!". Bây giờ, HTML từ khung bên phải có thể được dán vào blog hoặc email của bạn, không yêu cầu tệp CSS hoặc Javascript bên ngoài.

7

Tôi sử dụng ý chính của Github để làm điều này. Dán và tạo ý chính và sau đó bạn có thể nhúng chúng vào bất kỳ trang web nào bao gồm tumblr.


Có một vấn đề ở đây, nó cần JS vì vậy nếu người dùng không kích hoạt nó hoặc nếu người dùng là bot tìm kiếm, mã của bạn sẽ ở chế độ ẩn.
Mladen Jablanović

Tôi ước tôi có thể nâng cao điều này hơn một lần. @ MladenJablanović Bạn không thể sử dụng phần lớn web mà không có JavaScript hiện nay. Tôi nghĩ rằng đó không thực sự là một vấn đề.
Octavian A. Damiean

Bạn có thể cho biết thêm chi tiết về cách làm điều này? Tôi vừa thử nó và ý chính kết xuất phần nhúng dưới dạng scriptcác phần tử - Tumblr thoát khỏi các phần tử này, ngay cả khi bạn sử dụng chế độ HTML. Có ý kiến ​​gì không?
cottsak
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.