{"id":444,"date":"2025-11-25T17:34:49","date_gmt":"2025-11-25T09:34:49","guid":{"rendered":"https:\/\/blog.kishere.cn\/?p=444"},"modified":"2025-11-25T17:41:08","modified_gmt":"2025-11-25T09:41:08","slug":"bytefield-%e5%8d%8f%e8%ae%ae%e5%9b%be%e8%a1%a8%e7%94%9f%e6%88%90%e7%a5%9e%e5%99%a8","status":"publish","type":"post","link":"https:\/\/blog.kishere.cn\/?p=444","title":{"rendered":"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668"},"content":{"rendered":"<h2>ByteFeild\u7b80\u4ecb<\/h2>\n<p>\u5728\u4e8c\u8fdb\u5236\u534f\u8bae\u65f6\uff0c\u56fe\u8868\u662f\u6bd4\u6587\u5b57\u63cf\u8ff0\u66f4\u52a0\u65b9\u4fbf\u7406\u89e3\u67e5\u770b\u7684\u5f62\u5f0f\u3002\u800c\u8bdd\u534f\u8bae\u89e3\u6790\u56fe\u8868\uff0c\u4e0d\u53ef\u907f\u514d\u7684\u6210\u4e3a\u4e86\u5f00\u53d1\u8005\u7684\u4e00\u9879\u6280\u80fd\u3002<br \/>\n\u800c\u4f60\u8fd8\u5728\u4f7f\u7528\u753b\u56fe\u3001PPT\u3001excel\u6765\u7ed8\u5236\u534f\u8bae\u56fe\u8868\u561b\uff1f<\/p>\n<p>\u9686\u91cd\u4ecb\u7ecd\u534f\u8bae\u56fe\u8868\u7ed8\u5236\u795e\u5668 \u2014\u2014 <strong>ByteField!!!<\/strong><\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/replace\/5c3f58c67c574cdb00bfc97358f93d8c.svg\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" \/><\/p>\n<h2>\u4f7f\u7528\u65b9\u6cd5<\/h2>\n<p>ByteField\u662f\u57fa\u4e8eLatex\u7684\u4e00\u4e2a\u6269\u5c55\u5305\uff0c\u5728VSCode\u4e2d\uff0c\u5b89\u88c5 <strong>Markdown Kroki<\/strong> \u63d2\u4ef6\uff0c\u5c31\u53ef\u4ee5\u5f88\u65b9\u4fbf\u7684\u501f\u52a9\u9884\u89c8\u8fdb\u884c\u7f16\u8f91\u3002<\/p>\n<p>\u540c\u65f6\uff0c\u4e5f\u53ef\u4ee5\u5728 <a href=\"https:\/\/kroki.io\/#try\">https:\/\/kroki.io\/#try<\/a> \u91cc\u8f93\u5165\u4ee3\u7801\uff0c\u6765\u83b7\u53d6SVG\u6587\u4ef6\uff0c\u5d4c\u5165\u5230\u7f51\u9875\u4e2d\u3002<\/p>\n<h2>\u8bed\u6cd5<\/h2>\n<p>ByteField\u7684\u8bed\u6cd5\u662f\u57fa\u4e8e clojure \u8fd9\u4e2a\u8bed\u8a00\u7684\u3002\u6211\u4eec\u5e76\u4e0d\u9700\u8981\u5b66\u4e60\u8fd9\u95e8\u8bed\u8a00\uff0c\u76f4\u63a5\u501f\u52a9\u4e00\u4e9b\u793a\u4f8b\uff0c\u5c31\u53ef\u4ee5\u4e0a\u624b\u6765\u8fdb\u884c\u7ed8\u5236\u4e86\u3002<\/p>\n<p>\u5b9a\u4e49\u4e00\u4e2a\u683c\u5b50\uff1a<\/p>\n<pre><code class=\"language-css line-numbers\">(draw-box 23)\n<\/code><\/pre>\n<p><img decoding=\"async\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" src=\"\/wp-content\/uploads\/replace\/c38590996e254b1ccaf16d5ac81e1896.svg\"\/><\/p>\n<p>\u4e00\u7248\u6765\u8bf4\u6211\u4eec\u5e0c\u671b\u53ef\u4ee5\u6709\u4e2a\u8868\u5934\uff0c\u65b9\u4fbf\u6211\u4eec\u5c3d\u5feb\u627e\u5230\u67d0\u4e2a\u5b57\u6bb5\u7684\u504f\u79fb\u91cf\u548c\u957f\u5ea6\uff1a<\/p>\n<pre><code class=\"language-css line-numbers\">(draw-column-headers)\n;________________\u5185\u5bb9\u533a\u57df___________________\n(draw-box 0)\n(draw-bottom)\n<\/code><\/pre>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/replace\/45842923c4224273a9bb393931b12e54.svg\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" \/><\/p>\n<p>\u9ed8\u8ba4\u662f 0-f\u768416\u8fdb\u5236\u8868\u5934\uff0c\u5982\u679c\u60f3\u8981\u81ea\u5b9a\u4e49\u7684\u8bdd\uff0c\u4e5f\u662f\u53ef\u4ee5\u7684\uff1a<\/p>\n<pre><code class=\"language-css line-numbers\">(def column-labels [\"0\" \"1\" \"2\" \"3\" \"222\" \"5\" \"6\" \"7\" \"8\" \"YY\"]); \u5934\u90e8\u5e8f\u5217\n(def boxes-per-row 10)\n(draw-column-headers)\n;________________\u5185\u5bb9\u533a\u57df___________________\n(draw-box 0)\n<\/code><\/pre>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/replace\/f8442523f33db71317ed69058579d989.svg\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" \/><\/p>\n<p>\u589e\u5927\u683c\u5b50\u7684\u5bbd\u5ea6\uff0c\u6307\u5b9a\u5b83\u6240\u5360\u7684\u5b57\u8282\u6570<\/p>\n<pre><code class=\"language-css line-numbers\">(draw-column-headers)\n;________________\u5185\u5bb9\u533a\u57df___________________\n(draw-box 0xFF {:span 2})\n(draw-box 0xFF {:span 3})\n(draw-bottom)\n<\/code><\/pre>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/replace\/4b1210c32367c1ea548b2c7967d7e816.svg\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" \/><\/p>\n<p>\u9664\u4e86\u6570\u5b57\uff0c\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u683c\u5b50\u7684\u5185\u5bb9\u4e3a\u6587\u672c\uff1a<\/p>\n<pre><code class=\"language-css line-numbers\">(draw-column-headers)\n(draw-column-headers)\n;________________\u5185\u5bb9\u533a\u57df___________________\n(draw-box 0xFF {:span 4})\n(draw-box (text \"ffCCaa11\" :hex ) {:span 4} ) ; \u652f\u6301\u4e0d\u540c\u7684\u5b57\u4f53\n(draw-box (text \"NUL\" :plain) {:span 4}) ; \u652f\u6301\u4e0d\u540c\u7684\u5b57\u4f53\n(draw-box (text \"a+b\" :math) {:span 4}) ; \u652f\u6301\u4e0d\u540c\u7684\u5b57\u4f53\n(draw-box (text \"log\" :math [:sub \"2\" ] \"A\" [:super \"2\" ]) {:span 4}); \u4e0b\u6807\u4e0a\u6807\n(draw-box \"NUL\" {:span 4})\n(draw-box \"\" {:span 4}) \n(draw-bottom)\n<\/code><\/pre>\n<p><img decoding=\"async\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" src=\"\/wp-content\/uploads\/replace\/7bbc34653764340a42ed6dc521b7bb73.svg\" \/><\/p>\n<pre><code class=\"language-css line-numbers\">(defattrs :bg-green {:fill \"#a0ffa0\"})\n(defattrs :bg-yellow {:fill \"#ffffa0\"})\n(defattrs :bg-pink {:fill \"#ffb0a0\"})\n(defattrs :bg-cyan {:fill \"#a0fafa\"})\n(defattrs :bg-purple {:fill \"#e4b5f7\"})\n(def svg-attrs {:style \"background-color:white\"});\u8bbe\u7f6e\u8868\u683c\u80cc\u666f\n(draw-column-headers)\n;________________\u5185\u5bb9\u533a\u57df___________________\n(draw-box 0x11 :bg-green )\n(draw-box 0x11 :bg-pink )\n(draw-box 0x11 :bg-yellow )\n(draw-box 0x11 :bg-purple )\n(draw-box 0)\n(draw-bottom)\n<\/code><\/pre>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/replace\/e7de9456e6a565c48ac77c085da5fde4.svg\" alt=\"Bytefield\u2014\u2014\u534f\u8bae\u56fe\u8868\u751f\u6210\u795e\u5668\" \/><\/p>\n<p>\u8fd8\u6709\u5f88\u591a\u9a9a\u64cd\u4f5c\uff0c\u53ef\u4ee5\u770b\u5b98\u65b9\u6587\u6863\uff1a<a href=\"https:\/\/bytefield-svg.deepsymmetry.org\/bytefield-svg\/1.11.0\/intro.html\">https:\/\/bytefield-svg.deepsymmetry.org\/bytefield-svg\/1.11.0\/intro.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ByteFeild\u7b80\u4ecb \u5728\u4e8c\u8fdb\u5236\u534f\u8bae\u65f6\uff0c\u56fe\u8868\u662f\u6bd4\u6587\u5b57\u63cf\u8ff0\u66f4\u52a0\u65b9\u4fbf\u7406\u89e3\u67e5\u770b\u7684\u5f62\u5f0f\u3002\u800c\u8bdd\u534f\u8bae\u89e3\u6790\u56fe\u8868\uff0c\u4e0d\u53ef\u907f\u514d\u7684\u6210\u4e3a\u4e86\u5f00\u53d1\u8005\u7684\u4e00\u9879\u6280\u80fd\u3002 \u800c\u4f60\u8fd8\u5728\u4f7f\u7528\u753b\u56fe\u3001PPT\u3001excel\u6765\u7ed8\u5236\u534f\u8bae\u56fe\u8868\u561b\uff1f \u9686\u91cd\u4ecb\u7ecd\u534f\u8bae\u56fe\u8868\u7ed8\u5236\u795e\u5668 \u2014\u2014 ByteField!!! \u4f7f\u7528\u65b9\u6cd5 ByteField\u662f\u57fa\u4e8eLatex\u7684\u4e00\u4e2a\u6269\u5c55\u5305\uff0c\u5728VSCode\u4e2d\uff0c\u5b89\u88c5 Markdown Kroki \u63d2\u4ef6\uff0c\u5c31\u53ef\u4ee5\u5f88\u65b9\u4fbf\u7684\u501f\u52a9\u9884\u89c8\u8fdb\u884c\u7f16\u8f91\u3002 \u540c\u65f6\uff0c\u4e5f\u53ef\u4ee5\u5728 https:\/\/kroki.io\/#try \u91cc\u8f93\u5165\u4ee3\u7801\uff0c\u6765\u83b7\u53d6SVG\u6587\u4ef6\uff0c\u5d4c\u5165\u5230\u7f51\u9875\u4e2d\u3002 \u8bed\u6cd5 ByteField\u7684\u8bed\u6cd5\u662f\u57fa\u4e8e clojure \u8fd9\u4e2a\u8bed\u8a00\u7684\u3002\u6211\u4eec\u5e76\u4e0d\u9700\u8981\u5b66\u4e60\u8fd9\u95e8\u8bed\u8a00\uff0c\u76f4\u63a5\u501f\u52a9\u4e00\u4e9b\u793a\u4f8b\uff0c\u5c31\u53ef\u4ee5\u4e0a\u624b\u6765\u8fdb\u884c\u7ed8\u5236\u4e86\u3002 \u5b9a\u4e49\u4e00\u4e2a\u683c\u5b50\uff1a (draw-box 23) \u4e00\u7248\u6765\u8bf4\u6211\u4eec\u5e0c\u671b\u53ef\u4ee5\u6709\u4e2a\u8868\u5934\uff0c\u65b9\u4fbf\u6211\u4eec\u5c3d\u5feb\u627e\u5230\u67d0\u4e2a\u5b57\u6bb5\u7684\u504f\u79fb\u91cf\u548c\u957f\u5ea6\uff1a (draw-column-headers) ;________________\u5185\u5bb9\u533a\u57df___________________ (draw-box 0) (draw-bottom) \u9ed8\u8ba4\u662f 0-f\u768416\u8fdb\u5236\u8868\u5934\uff0c\u5982\u679c\u60f3\u8981\u81ea\u5b9a\u4e49\u7684\u8bdd\uff0c\u4e5f\u662f\u53ef\u4ee5\u7684\uff1a (def column-labels [&#8220;0&#8221; &#8220;1&#8221; &#8220;2&#8221; &#8220;3&#8221; &#8220;222&#8221; &#8220;5&#8221; &#8220;6&#8221; &#8220;7&#8221; &#8220;8&#8221; &#8220;YY&#8221;]); \u5934\u90e8\u5e8f\u5217 (def boxes-per-row 10) (draw-column-headers) ;________________\u5185\u5bb9\u533a\u57df___________________ (draw-box 0) \u589e\u5927\u683c\u5b50\u7684\u5bbd\u5ea6\uff0c\u6307\u5b9a\u5b83\u6240\u5360\u7684\u5b57\u8282\u6570 (draw-column-headers) ;________________\u5185\u5bb9\u533a\u57df___________________ (draw-box 0xFF {:span 2}) (draw-box 0xFF {:span 3}) (draw-bottom) \u9664\u4e86\u6570\u5b57\uff0c\u4e5f\u53ef\u4ee5\u8bbe\u7f6e\u683c\u5b50\u7684\u5185\u5bb9\u4e3a\u6587\u672c\uff1a (draw-column-headers) (draw-column-headers) ;________________\u5185\u5bb9\u533a\u57df___________________ (draw-box 0xFF {:span 4}) (draw-box (text &#8220;ffCCaa11&#8221; :hex ) {:span 4} ) ; \u652f\u6301\u4e0d\u540c\u7684\u5b57\u4f53 (draw-box (text &#8220;NUL&#8221; :plain) {:span 4}) ; \u652f\u6301\u4e0d\u540c\u7684\u5b57\u4f53 (draw-box (text &#8220;a+b&#8221; :math) {:span 4}) ; \u652f\u6301\u4e0d\u540c\u7684\u5b57\u4f53 (draw-box (text &#8220;log&#8221; :math [:sub &#8220;2&#8221; ] &#8220;A&#8221; [:super &#8220;2&#8221; ]) {:span 4}); \u4e0b\u6807\u4e0a\u6807 (draw-box &#8220;NUL&#8221; {:span 4}) (draw-box &#8220;&#8221; {:span 4}) (draw-bottom) (defattrs :bg-green {:fill &#8220;#a0ffa0&#8221;}) (defattrs :bg-yellow {:fill &#8220;#ffffa0&#8221;}) (defattrs :bg-pink {:fill &#8220;#ffb0a0&#8221;}) (defattrs :bg-cyan {:fill &#8220;#a0fafa&#8221;}) (defattrs :bg-purple {:fill &#8220;#e4b5f7&#8221;}) (def svg-attrs {:style &#8220;background-color:white&#8221;});\u8bbe\u7f6e\u8868\u683c\u80cc\u666f (draw-column-headers) ;________________\u5185\u5bb9\u533a\u57df___________________ (draw-box 0x11 :bg-green ) (draw-box 0x11 :bg-pink ) (draw-box 0x11 :bg-yellow ) (draw-box 0x11 :bg-purple ) (draw-box 0) (draw-bottom) \u8fd8\u6709\u5f88\u591a\u9a9a\u64cd\u4f5c\uff0c\u53ef\u4ee5\u770b\u5b98\u65b9\u6587\u6863\uff1ahttps:\/\/bytefield-svg.deepsymmetry.org\/bytefield-svg\/1.11.0\/intro.html<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=\/wp\/v2\/posts\/444"}],"collection":[{"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=444"}],"version-history":[{"count":34,"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=\/wp\/v2\/posts\/444\/revisions"}],"predecessor-version":[{"id":492,"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=\/wp\/v2\/posts\/444\/revisions\/492"}],"wp:attachment":[{"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.kishere.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}