{"id":5234,"date":"2026-05-04T10:52:18","date_gmt":"2026-05-04T01:52:18","guid":{"rendered":"http:\/\/batmask.net\/?p=5234"},"modified":"2026-05-04T14:56:41","modified_gmt":"2026-05-04T05:56:41","slug":"linux-terminal-%ec%b6%9c%eb%a0%a5%ec%9d%84-wordpress%ec%97%90-%ec%82%bd%ec%9e%85%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"http:\/\/batmask.net\/index.php\/2026\/05\/04\/5234\/","title":{"rendered":"linux terminal \ucd9c\ub825\uc744 wordpress\uc5d0 \uc0bd\uc785\ud558\uae30"},"content":{"rendered":"\n<p>\uc774\ubc88\uc5d0 &#8220;git \uc54c\uc544\ubcf4\uae30&#8221; \ub97c \uc815\ub9ac\ud558\uba74\uc11c \ud130\ubbf8\ub110 \ucd9c\ub825\ub4e4\uc774 code block pro\ub85c\ub294 \ud45c\ud604\uc774 \uc81c\ub300\ub85c \uc548\ub418\uace0 \uce7c\ub77c\uac00 \uc5c9\ub9dd\uc774 \ub418\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc558\ub2e4. \ubc29\ubc95\uc774 \uc5c6\ub098 \ucc3e\uc544\ubd24\ub294\ub370, \uae30\ubcf8\uc801\uc73c\ub85c\ub294 \ud130\ubbf8\ub110\uc744 html\ucd9c\ub825\uc73c\ub85c \ubcc0\ud658\ud574\uc11c wordpress\uc5d0\uc11c html block\uc744 \uc0ac\uc6a9\ud574 \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc774\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ub450\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Terminal &gt; \uc6b0\ud074\ub9ad &gt; HTML\ub85c \uc800\uc7a5<\/h2>\n\n\n\n<p>\ud130\ubbf8\ub110\uc5d0\uc11c \uc6b0\ud074\ub9ad\uc744 \ub20c\ub7ec &#8220;html\ub85c \uc800\uc7a5\ud558\uae30&#8221; \ubc29\ubc95\uc774 \uc788\uc5c8\uc9c0\ub9cc, \ubc30\uacbd\uce7c\ub77c\ub294 \uc801\uc6a9\uc774 \uc548\ub418\ub294 \ubb38\uc81c\uac00 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n<pre><span style=\"background-color:#303030\"><font color=\"#0087AF\"> <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#00AFFF\"><b>~<\/b><\/font><\/span><span style=\"background-color:#303030\"><font color=\"#0087AF\">\/<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#8787AF\">g<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#0087AF\">\/<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#00AFFF\"><b>myproject<\/b><\/font><\/span><span style=\"background-color:#303030\"><font color=\"#0087AF\"> <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#808080\">\u2502<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#5FD700\"> main <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#00AFFF\">?1<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#5FD700\"> <\/font><\/span> git log --graph --oneline              <span style=\"background-color:#303030\"><font color=\"#5FAF00\"> \u2714 <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#808080\">\u2502<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#5F8787\"> 10:18:55 <\/font><\/span>\n* <font color=\"#C4A000\">bd63cc8 (<\/font><font color=\"#34E2E2\"><b>HEAD<\/b><\/font><font color=\"#C4A000\"> -&gt; <\/font><font color=\"#8AE234\"><b>main<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#EF2929\"><b>origin\/main<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#EF2929\"><b>origin\/HEAD<\/b><\/font><font color=\"#C4A000\">)<\/font> remote conflict has resolved again\n*   <font color=\"#C4A000\">7218e18<\/font> remote conflict has resolved\n<font color=\"#4E9A06\">|<\/font><font color=\"#C4A000\">\\<\/font>  \n<font color=\"#4E9A06\">|<\/font> * <font color=\"#C4A000\">c3db55b<\/font> myproj changed\n* <font color=\"#C4A000\">|<\/font> <font color=\"#C4A000\">505b455<\/font> user2_mp changed\n<font color=\"#C4A000\">|\/<\/font>  \n* <font color=\"#C4A000\">82761a2<\/font> Let&apos;s modify remote\n* <font color=\"#C4A000\">59513b6 (<\/font><font color=\"#8AE234\"><b>origin<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#8AE234\"><b>animal<\/b><\/font><font color=\"#C4A000\">)<\/font> add cat sound\n* <font color=\"#C4A000\">1d9d3e7<\/font> conflict resolved\n* <font color=\"#C4A000\">b7ae4b0<\/font> add love and ask func.\n*   <font color=\"#C4A000\">a83283b<\/font> conflict resolved\n<font color=\"#3465A4\">|<\/font><font color=\"#75507B\">\\<\/font>  \n<font color=\"#3465A4\">|<\/font> * <font color=\"#C4A000\">78f1da3<\/font> test added &apos;main changed&apos;\n<font color=\"#3465A4\">|<\/font> *   <font color=\"#C4A000\">fac78e4<\/font> new-feature is merged to main\n<font color=\"#3465A4\">|<\/font> <font color=\"#06989A\">|<\/font><font color=\"#EF2929\"><b>\\<\/b><\/font>  \n<font color=\"#3465A4\">|<\/font> * <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#C4A000\">d19622e (<\/font><font color=\"#FCE94F\"><b>tag: v0.1test<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#8AE234\"><b>testing<\/b><\/font><font color=\"#C4A000\">)<\/font> add call() to saying.py\n* <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#C4A000\">ca5c7c8<\/font> text added &apos;new_feature changed&apos;\n<font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#EF2929\"><b>|\/<\/b><\/font>  \n<font color=\"#EF2929\"><b>|\/|<\/b><\/font>   \n* <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#C4A000\">5737e57<\/font> add shout() to saying.py\n<font color=\"#EF2929\"><b>|\/<\/b><\/font>  \n* <font color=\"#C4A000\">650a1e6 (<\/font><font color=\"#FCE94F\"><b>tag: v0.1release<\/b><\/font><font color=\"#C4A000\">)<\/font> delete dont_needed_anymore.txt\n* <font color=\"#C4A000\">b502882<\/font> add file maybe dont needed anymore later\n* <font color=\"#C4A000\">a67ee7e<\/font> add more text to readme.txt\n* <font color=\"#C4A000\">046e349<\/font> add sleep function\n* <font color=\"#C4A000\">0d52a66<\/font> the first commit.\n<\/pre>\n\n\n\n<p>\ud574\uacb0 \ubc29\ubc95\uc740 html\uc5d0 \uc9c1\uc811 \ubc30\uacbd\uc0c9\uc5d0 \ub300\ud55c css\ub97c \ucd94\uac00\ud558\ub294 \uac83\uc774\ub2e4. <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#22272e;font-style:italic;color:#adbac7\"><span style=\"border-bottom:1px solid rgba(139, 186, 234, 0.2)\">CSS<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;style>\n.terminal {\n  background-color: black;\n  color: white;\n  padding: 12px;\n}\n&lt;\/style>\n&lt;pre class=\"terminal\"><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">style<\/span><span style=\"color: #F47067\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #6CB6FF\">.terminal<\/span><span style=\"color: #ADBAC7\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #6CB6FF\">background-color<\/span><span style=\"color: #ADBAC7\">: <\/span><span style=\"color: #6CB6FF\">black<\/span><span style=\"color: #ADBAC7\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #6CB6FF\">color<\/span><span style=\"color: #ADBAC7\">: <\/span><span style=\"color: #6CB6FF\">white<\/span><span style=\"color: #ADBAC7\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">  <\/span><span style=\"color: #6CB6FF\">padding<\/span><span style=\"color: #ADBAC7\">: <\/span><span style=\"color: #6CB6FF\">12<\/span><span style=\"color: #F47067\">px<\/span><span style=\"color: #ADBAC7\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;\/<\/span><span style=\"color: #8DDB8C\">style<\/span><span style=\"color: #F47067\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ADBAC7\">&lt;<\/span><span style=\"color: #8DDB8C\">pre<\/span><span style=\"color: #ADBAC7\"> class=&quot;terminal&quot;<\/span><span style=\"color: #F47067\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>&lt;pre&gt; \ud0dc\uadf8\uc5d0 class\ub97c \uc9c0\uc815\ud558\uace0 \uadf8 \ud074\ub798\uc2a4\uc5d0 \ub300\ud55c css\ub85c \uac80\uc815\ubc30\uacbd\uacfc \ud770\uc0c9 \uc804\uacbd\uc0c9\uc73c\ub85c \uc9c0\uc815\ud588\ub2e4.<\/p>\n\n\n\n<p>\ucd94\uac00\ud55c \uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\ub2e4. <\/p>\n\n\n\n<style>\n.terminal {\n  background-color: black;\n  color: white;\n  padding: 12px;\n}\n<\/style>\n<pre class=\"terminal\">\n<span style=\"background-color:#303030\"><font color=\"#0087AF\"> <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#00AFFF\"><b>~<\/b><\/font><\/span><span style=\"background-color:#303030\"><font color=\"#0087AF\">\/<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#8787AF\">g<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#0087AF\">\/<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#00AFFF\"><b>myproject<\/b><\/font><\/span><span style=\"background-color:#303030\"><font color=\"#0087AF\"> <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#808080\">\u2502<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#5FD700\"> main <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#00AFFF\">?1<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#5FD700\"> <\/font><\/span> git log --graph --oneline              <span style=\"background-color:#303030\"><font color=\"#5FAF00\"> \u2714 <\/font><\/span><span style=\"background-color:#303030\"><font color=\"#808080\">\u2502<\/font><\/span><span style=\"background-color:#303030\"><font color=\"#5F8787\"> 10:18:55 <\/font><\/span>\n* <font color=\"#C4A000\">bd63cc8 (<\/font><font color=\"#34E2E2\"><b>HEAD<\/b><\/font><font color=\"#C4A000\"> -&gt; <\/font><font color=\"#8AE234\"><b>main<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#EF2929\"><b>origin\/main<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#EF2929\"><b>origin\/HEAD<\/b><\/font><font color=\"#C4A000\">)<\/font> remote conflict has resolved again\n*   <font color=\"#C4A000\">7218e18<\/font> remote conflict has resolved\n<font color=\"#4E9A06\">|<\/font><font color=\"#C4A000\">\\<\/font>  \n<font color=\"#4E9A06\">|<\/font> * <font color=\"#C4A000\">c3db55b<\/font> myproj changed\n* <font color=\"#C4A000\">|<\/font> <font color=\"#C4A000\">505b455<\/font> user2_mp changed\n<font color=\"#C4A000\">|\/<\/font>  \n* <font color=\"#C4A000\">82761a2<\/font> Let&apos;s modify remote\n* <font color=\"#C4A000\">59513b6 (<\/font><font color=\"#8AE234\"><b>origin<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#8AE234\"><b>animal<\/b><\/font><font color=\"#C4A000\">)<\/font> add cat sound\n* <font color=\"#C4A000\">1d9d3e7<\/font> conflict resolved\n* <font color=\"#C4A000\">b7ae4b0<\/font> add love and ask func.\n*   <font color=\"#C4A000\">a83283b<\/font> conflict resolved\n<font color=\"#3465A4\">|<\/font><font color=\"#75507B\">\\<\/font>  \n<font color=\"#3465A4\">|<\/font> * <font color=\"#C4A000\">78f1da3<\/font> test added &apos;main changed&apos;\n<font color=\"#3465A4\">|<\/font> *   <font color=\"#C4A000\">fac78e4<\/font> new-feature is merged to main\n<font color=\"#3465A4\">|<\/font> <font color=\"#06989A\">|<\/font><font color=\"#EF2929\"><b>\\<\/b><\/font>  \n<font color=\"#3465A4\">|<\/font> * <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#C4A000\">d19622e (<\/font><font color=\"#FCE94F\"><b>tag: v0.1test<\/b><\/font><font color=\"#C4A000\">, <\/font><font color=\"#8AE234\"><b>testing<\/b><\/font><font color=\"#C4A000\">)<\/font> add call() to saying.py\n* <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#C4A000\">ca5c7c8<\/font> text added &apos;new_feature changed&apos;\n<font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#EF2929\"><b>|\/<\/b><\/font>  \n<font color=\"#EF2929\"><b>|\/|<\/b><\/font>   \n* <font color=\"#EF2929\"><b>|<\/b><\/font> <font color=\"#C4A000\">5737e57<\/font> add shout() to saying.py\n<font color=\"#EF2929\"><b>|\/<\/b><\/font>  \n* <font color=\"#C4A000\">650a1e6 (<\/font><font color=\"#FCE94F\"><b>tag: v0.1release<\/b><\/font><font color=\"#C4A000\">)<\/font> delete dont_needed_anymore.txt\n* <font color=\"#C4A000\">b502882<\/font> add file maybe dont needed anymore later\n* <font color=\"#C4A000\">a67ee7e<\/font> add more text to readme.txt\n* <font color=\"#C4A000\">046e349<\/font> add sleep function\n* <font color=\"#C4A000\">0d52a66<\/font> the first commit.\n<\/pre>\n\n\n\n<p>\uacb0\uacfc\ubb3c\uc740 \uc88b\uae34\ud55c\ub370, \ub2e8\uc810\uc740 \ub9e4\ubc88 \ud3b8\uc9d1\uc744 \ud574\uc57c \ud558\ub124.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">aha \uc774\uc6a9 (ANSI to HTML)<\/h2>\n\n\n\n<p> \ub450\ubc88\uc9f8 \ubc29\ubc95\uc740 aha \uc720\ud2f8\ub9ac\ud2f0\ub97c \uc774\uc6a9\ud558\ub294 \uac83\uc774\ub2e4. \uc774\uac74 \ucd9c\ub825\ubb3c\uc744 html\ub85c \ud3ec\ub9e4\ud305 \ud574\uc900\ub2e4. \uc77c\ub2e8 \uc124\uce58\ub97c \ud574\uc57c\uaca0\uc9c0. \ub370\ube44\uc548\uc774\ub098 \uc6b0\ubd84\ud22c\ub294 \uac04\ub2e8\ud558\uac8c \ub2e4\uc74c\uacfc \uac19\uc774 \uc124\uce58\uac00 \ub41c\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#22272e;font-style:italic;color:#adbac7\"><span style=\"border-bottom:1px solid rgba(139, 186, 234, 0.2)\">Zsh<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>sudo apt install aha<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F69D50\">sudo<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">apt<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">install<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">aha<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc0ac\uc6a9\ubc95\uc740 aha\uc5d0 \ud30c\uc774\ud504 \uc785\ub825\uc73c\ub85c \ud130\ubbf8\ub110 \ucd9c\ub825\uc744 \ub0b4\ubcf4\ub0b4\uace0 \uadf8 \ucd9c\ub825\uc744 \uc774\ub97c html\ud30c\uc77c\ub85c \ub0b4\ubcf4\ub0b4\uba74 \ub41c\ub2e4. \uc2e4\uc81c \uc0ac\uc6a9\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#22272e;font-style:italic;color:#adbac7\"><span style=\"border-bottom:1px solid rgba(139, 186, 234, 0.2)\">Zsh<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>git log --graph --oneline --decorate --color=always | aha --black > output.html\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F69D50\">git<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">log<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--graph<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--oneline<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--decorate<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--color=always<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">|<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F69D50\">aha<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--black<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">&gt;<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">output.html<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\uc5ec\uae30\uc11c \uc911\uc694\ud55c\uac74 \uac01\uc885 \uc635\uc158\ub4e4\uc744 \uaf2d \uc368\uc918\uc57c \ud55c\ub2e4\ub294 \uc810\uc774\ub2e4. \uc81c\uc77c\uba3c\uc800, &#8220;&#8211;decorate&#8221;\uac00 \ube60\uc9c0\uba74 \uc548\ub41c\ub2e4. \uc774\uac8c \uc5c6\uc5b4\ub3c4 \ud130\ubbf8\ub110\uc5d0\uc11c\ub294 \uc81c\ub300\ub85c \ubcf4\uc774\uc9c0\ub9cc, \ucd9c\ub825\uc744 \ud30c\uc774\ud504\ub85c \ub3cc\ub9ac\ub294 \uc21c\uac04, \uc815\ud655\ud55c \uc774\uc720\ub294 \ubaa8\ub974\uaca0\uc9c0\ub9cc tag, branch\uc815\ubcf4\ub4e4\uc774 \ube60\uc9c0\uac8c \ub41c\ub2e4. \ub2e4\uc74c\uc73c\ub85c terminal \uba85\ub839\uc5b4\uc5d0 &#8220;&#8211;color=always&#8221; \uc635\uc158\uc744 \uaf2d \ub123\uc5b4\uc918\uc57c \ud55c\ub2e4. \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74, teminal\uc774 \uc544\ub2cc\uac78\ub85c \uc778\uc2dd\ud574\uc11c color\uc815\ubcf4\uac00 \ube60\uc9c4\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c aha\uc5d0 &#8220;&#8211;black&#8221; \uc635\uc158\uc744 \ub123\uc5b4\uc904 \uac83. \uadf8\ub807\uc9c0 \uc54a\uc73c\uba74 \uc5ec\uae30\uc11c\ub3c4 \ud770 \ubc30\uacbd\uc744 \uc4f0\uac8c \ub41c\ub2e4. \uc55e\uc5d0\uc11c style\uc744 \uc9c1\uc811 \uc124\uc815\ud574\uc92c\ub358 \uc791\uc5c5\uc744 \uc5ec\uae30\uc11c\ub294 \uc635\uc158 \ud558\ub098\ub85c \ucc98\ub9ac\ud558\ub294 \uac83\uc774\ub2e4. <\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color has-medium-font-size wp-elements-3472e1483e2d92155e138a94a9f3819b\"> \ubb38\uc81c\ub294 body\uc758 background color\uac00 \ub0b4 \ube14\ub85c\uadf8\ub3c4 \ubc14\uafd4\ubc84\ub9b0\ub2e4\ub294\uac8c \ubb38\uc81c\ub2e4. \uacb0\uad6d \ud3ec\uae30. \ubb38\uc81c\uac00 \uc5c6\ub294 \uc0ac\ub78c\uc740 \uc0ac\uc6a9\uc744 \ud574\ub3c4 \ub420\uac70 \uac19\ub2e4. \uc544\ub2c8\uba74, \uac04\ub2e8\ud558\uac8c \ub0b4\uac00 \uc55e\ub4a4\ub85c \ud0dc\uadf8 \ubd99\uc774\ub294 \uc720\ud2f8\ub9ac\ud2f0\ub97c \ub9cc\ub4e4\uc5b4\uc57c \ud560\ub4ef.<\/p>\n\n\n\n<p>\uc9c4\uc791\uc5d0 \uc54c\uc558\uc73c\uba74, \uc774\uac70 \uc774\uc6a9\ud574\uc11c \ud3ec\uc2a4\ud305\uc744 \ud588\uc744\ud150\ub370&#8230; <\/p>\n\n\n\n<p>&#8230; \ube14\ub85c\uadf8\uc758 \ubc30\uacbd\uc0c9\uae4c\uc9c0 \ubc14\ub00c\ub294 \ubb38\uc81c\ub97c \ud53c\ud558\ub294 \ud574\uacb0\ucc45\uc744 \ubc14\ub85c python\uc73c\ub85c \ub9cc\ub4e4\uc5c8\ub2e4. aha \ucd9c\ub825\ubb3c\uc744 \ub0b4\uac00 \uc6d0\ud558\ub294 css style\ub85c \uac10\uc2f8\uc8fc\ub294 \uac04\ub2e8\ud55c \ud14d\uc2a4\ud2b8 \ud234\uc774\ub2e4. \ubc30\uacbd \uac80\uc740\uc0c9\uacfc \ud130\ubbf8\ub110\uc5d0 \ub9de\ub294 \ud3f0\ud2b8\ub97c \uc124\uc815\ud574\uc900\ub2e4. <\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/batmask77\/3d1426dc2285aaec91aac3c553dafbde.js\"><\/script>\n\n\n\n<p>\uc0ac\uc6a9\ubc95\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#22272e;font-style:italic;color:#adbac7\"><span style=\"border-bottom:1px solid rgba(139, 186, 234, 0.2)\">Zsh<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>git log --graph --decorate --color=always | aha -n | t2w.py > output.html<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F69D50\">git<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">log<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--graph<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--decorate<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">--color=always<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">|<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F69D50\">aha<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #6CB6FF\">-n<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">|<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F69D50\">t2w.py<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #F47067\">&gt;<\/span><span style=\"color: #ADBAC7\"> <\/span><span style=\"color: #96D0FF\">output.html<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p>\ud30c\uc774\ud504\ub77c\uc778\uc73c\ub85c aha\uac00 \ubc1b\uc544\uc640\uc11c html, head, body\ub97c \uc81c\uc678\ud55c \ub0b4\uc6a9\ubb3c\uc744 \ubc1b\uc544\uc640\uc11c \uc55e\ub4a4\ub85c &lt;pre> \ud0dc\uadf8\ub97c \uc50c\uc6cc style\uc744 \uba39\uc774\ub294 \ubc29\uc2dd\uc774\ub2e4. \ub354 \uc26c\uc6b4\ubc29\uc2dd\uc774 \uc788\uc744\uae4c? \uc0ac\uc6a9\ud558\uae30 \uc27d\uac8c \uc258\uc5d0\uc11c alias\ub97c \uba87\uac1c \ub354 \ub9cc\ub4e4\uc5c8\ub2e4.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-Roboto-Mono.ttf\" style=\"font-size:clamp(14px, .875rem, 21px);font-family:Code-Pro-Roboto-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#adbac7;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:clamp(20px, 1.25rem, 30px);--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:10px 0px 0 16px;font-size:0.8em;width:100%;text-align:left;background-color:#22272e;font-style:italic;color:#adbac7\"><span style=\"border-bottom:1px solid rgba(139, 186, 234, 0.2)\">Zsh<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#adbac7;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>#alias for terminal to html\nalias aha=\"aha -n|t2w.py\"\nalias ahaf=\"aha -n|t2w.py > terminal.html\"\n#alias for git\nalias glog=\"git log --graph --oneline --decorate --color=always\"\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki github-dark-dimmed\" style=\"background-color: #22272e\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #768390\">#alias for terminal to html<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">alias<\/span><span style=\"color: #ADBAC7\"> aha<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;aha -n|t2w.py&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">alias<\/span><span style=\"color: #ADBAC7\"> ahaf<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;aha -n|t2w.py &gt; terminal.html&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #768390\">#alias for git<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F47067\">alias<\/span><span style=\"color: #ADBAC7\"> glog<\/span><span style=\"color: #F47067\">=<\/span><span style=\"color: #96D0FF\">&quot;git log --graph --oneline --decorate --color=always&quot;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc774\ubc88\uc5d0 &#8220;git \uc54c\uc544\ubcf4\uae30&#8221; \ub97c \uc815\ub9ac\ud558\uba74\uc11c \ud130\ubbf8\ub110 \ucd9c\ub825\ub4e4\uc774 code block pro\ub85c\ub294 \ud45c\ud604\uc774 \uc81c\ub300\ub85c \uc548\ub418\uace0 \uce7c\ub77c\uac00 \uc5c9\ub9dd\uc774 \ub418\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc558\ub2e4. \ubc29\ubc95\uc774 \uc5c6\ub098 \ucc3e\uc544\ubd24\ub294\ub370, \uae30\ubcf8\uc801\uc73c\ub85c\ub294 \ud130\ubbf8\ub110\uc744 html\ucd9c\ub825\uc73c\ub85c \ubcc0\ud658\ud574\uc11c wordpress\uc5d0\uc11c html block\uc744 \uc0ac\uc6a9\ud574 \ud45c\uc2dc\ud558\ub294 \ubc29\ubc95\uc774\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ub450\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\uc5c8\ub2e4. Terminal &gt; \uc6b0\ud074\ub9ad &gt; HTML\ub85c \uc800\uc7a5 \ud130\ubbf8\ub110\uc5d0\uc11c \uc6b0\ud074\ub9ad\uc744 \ub20c\ub7ec &#8220;html\ub85c \uc800\uc7a5\ud558\uae30&#8221; \ubc29\ubc95\uc774 \uc788\uc5c8\uc9c0\ub9cc, \ubc30\uacbd\uce7c\ub77c\ub294 \uc801\uc6a9\uc774 <a href=\"http:\/\/batmask.net\/index.php\/2026\/05\/04\/5234\/\" class=\"btn btn-link continue-link\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[514,3],"tags":[639,638,112,637,640],"class_list":["post-5234","post","type-post","status-publish","format-standard","hentry","category-linux","category-etc","tag-aha","tag-ansi-to-html","tag-terminal","tag-terminal-to-wordprss","tag-wordpress"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/5234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=5234"}],"version-history":[{"count":16,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/5234\/revisions"}],"predecessor-version":[{"id":5256,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/5234\/revisions\/5256"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=5234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/categories?post=5234"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/tags?post=5234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}