{"id":25594,"date":"2024-11-24T09:40:22","date_gmt":"2024-11-24T01:40:22","guid":{"rendered":"https:\/\/fwq.ai\/blog\/25594\/"},"modified":"2024-11-24T09:40:22","modified_gmt":"2024-11-24T01:40:22","slug":"%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8-highlightjs-%e4%b8%ba-html-%e4%bb%a3%e7%a0%81%e6%b7%bb%e5%8a%a0%e8%a1%8c%e5%8f%b7%ef%bc%9f-2","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/25594\/","title":{"rendered":"\u5982\u4f55\u4f7f\u7528 HighlightJS \u4e3a HTML \u4ee3\u7801\u6dfb\u52a0\u884c\u53f7\uff1f"},"content":{"rendered":"

\"\u5982\u4f55\u4f7f\u7528<\/p>\n

\u5982\u4f55\u4f7f\u7528 highlightjs \u6dfb\u52a0 html \u6e90\u4ee3\u7801\u884c\u53f7<\/strong><\/p>\n

\u5728\u4f7f\u7528 HighlightJS \u7a81\u51fa\u663e\u793a HTML \u6e90\u4ee3\u7801\u65f6\uff0c\u4f60\u63d0\u5230\u65e0\u6cd5\u4e3a\u4ee3\u7801\u6dfb\u52a0\u884c\u53f7\u3002\u8fd9\u662f\u56e0\u4e3a HighlightJS \u9ed8\u8ba4\u4e0d\u4f1a\u6dfb\u52a0\u884c\u53f7\uff0c\u4f60\u9700\u8981\u624b\u52a8\u6dfb\u52a0\u3002<\/p>\n

\u5b98\u65b9\u6587\u6863\u8bf4\u660e<\/strong><\/p>\n

\u5b98\u65b9\u6587\u6863\u4e2d\u5173\u4e8e\u884c\u53f7\u7684\u63cf\u8ff0\uff1ahttps:\/\/highlightjs.readthedocs.io\/en\/latest\/line-numbers.html<\/p>\n

\u4fee\u6539\u540e\u7684\u4ee3\u7801<\/strong><\/p>\n

\u7acb\u5373\u5b66\u4e60<\/span>\u201c\u201d\uff1b<\/p>\n

\u4e3a\u4e86\u89e3\u51b3\u4f60\u7684\u95ee\u9898\uff0c\u4fee\u6539\u540e\u7684\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n

<!DOCTYPE html>\n\n<head>\n    <style>\n        pre {\n            position: relative;\n            margin-bottom: 24px;\n            border-radius: 3px;\n            border: 1px solid #C3CCD0;\n            background: #FFF;\n            overflow: hidden;\n        }\n\n        code {\n            display: block;\n            padding: 12px 24px;\n            overflow-y: auto;\n            font-weight: 300;\n            font-family: Menlo, monospace;\n            font-size: 0.8em;\n        }\n\n        code.has-numbering {\n            margin-left: 21px;\n        }\n\n        .pre-numbering {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 20px;\n            padding: 12px 2px 12px 0;\n            border-right: 1px solid #C3CCD0;\n            border-radius: 3px 0 0 3px;\n            background-color: #EEE;\n            text-align: right;\n            font-family: Menlo, monospace;\n            font-size: 0.8em;\n            color: #AAA;\n        }\n    <\/style>\n    <link rel=\"stylesheet\" href=\"http:\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/11.7.0\/styles\/default.min.css\">\n    <script src=\"http:\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/11.7.0\/highlight.min.js\"><\/script>\n    <script src=\"https:\/\/apps.bdimg.com\/libs\/jquery\/2.1.4\/jquery.min.js\"><\/script>\n<\/head>\n\n<body>\n    <pre class=\"brush:php;toolbar:false\">\n        <code class=\"language-html\">\n            <!DOCTYPE html>\n            <html lang=\"en\">\n            <head>\n                <meta charset=\"UTF-8\">\n                <title>\u884c\u53f7<\/title>\n            <\/head>\n            <body>\n                <p>\u6d4b\u8bd5\u9875\u9762<\/p>\n            <\/body>\n            <\/html>\n        <\/code>\n    <\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <script> hljs.highlightAll(); $(function() { $(‘pre code’).each(function() { var lines = $(this).text().split(‘ ‘).length – 1; var $numbering = $(‘<ul\/>’).addClass(‘pre-numbering’); $(this) .addClass(‘has-numbering’) .parent() .append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘<li\/>’).text(i)); } }); }); <\/script> <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5982\u4f55\u4f7f\u7528 HighlightJS \u4e3a HTML \u4ee3\u7801\u6dfb\u52a0\u884c\u53f7\uff1f\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u5982\u4f55\u4f7f\u7528 highlightjs \u6dfb\u52a0 html \u6e90\u4ee3\u7801\u884c\u53f7 \u5728\u4f7f\u7528 HighlightJS \u7a81\u51fa\u663e\u793a HTML \u6e90\u4ee3\u7801\u65f6\uff0c\u4f60\u63d0\u5230\u65e0\u6cd5\u4e3a\u4ee3\u7801\u6dfb\u52a0\u884c\u53f7\u3002\u8fd9\u662f\u56e0\u4e3a HighlightJS \u9ed8\u8ba4\u4e0d\u4f1a\u6dfb\u52a0\u884c\u53f7\uff0c\u4f60\u9700\u8981\u624b\u52a8\u6dfb\u52a0\u3002 \u5b98\u65b9\u6587\u6863\u8bf4\u660e \u5b98\u65b9\u6587\u6863\u4e2d\u5173\u4e8e\u884c\u53f7\u7684\u63cf\u8ff0\uff1ahttps:\/\/highlightjs.readthedocs.io\/en\/latest\/line-numbers.html \u4fee\u6539\u540e\u7684\u4ee3\u7801 \u7acb\u5373\u5b66\u4e60\u201c\u201d\uff1b \u4e3a\u4e86\u89e3\u51b3\u4f60\u7684\u95ee\u9898\uff0c\u4fee\u6539\u540e\u7684\u4ee3\u7801\u5982\u4e0b\uff1a <!DOCTYPE html> <head> <style> pre { position: relative; margin-bottom: 24px; border-radius: 3px; border: 1px solid #C3CCD0; background: #FFF; overflow: hidden; } code { display: block; padding: 12px 24px; overflow-y: auto; font-weight: 300; font-family: Menlo, monospace; font-size: 0.8em; } […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[],"class_list":["post-25594","post","type-post","status-publish","format-standard","hentry","category-16"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/25594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=25594"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/25594\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=25594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=25594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=25594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}