[{"data":1,"prerenderedAt":1865},["ShallowReactive",2],{"blog-page":3,"blogs":15},{"id":4,"title":5,"body":6,"description":7,"extension":8,"links":6,"meta":9,"navigation":10,"path":11,"seo":12,"stem":13,"__hash__":14},"pages\u002Fblog.yml","Blog",null,"Những bài viết của tôi về Lập trình, đời sống, ....","yml",{},true,"\u002Fblog",{"title":5,"description":7},"blog","aho3DqxG7-qrPBao8cKdxWSpCdquL-O5FXiEoXau6zY",[16,275,1407,1537,1710],{"id":17,"title":18,"author":19,"body":23,"date":265,"description":266,"extension":267,"image":268,"meta":269,"minRead":270,"navigation":10,"path":271,"seo":272,"stem":273,"__hash__":274},"blog\u002Fblog\u002Fmy_hobbies.md","My hobbies",{"name":20,"avatar":21},"NSTCrystal",{"src":22,"alt":20},"avatar.png",{"type":24,"value":25,"toc":255},"minimark",[26,30,35,38,48,54,61,66,73,78,82,97,119,123,130,149,153,168,175,182,204,208,214,224,233,237],[27,28,29],"p",{},"Ngoài việc viết code để học tập và tiếp thu kinh nghiệm làm việc thì tôi thường thư giãn bản thân bằng nhiều cách khác nhau.",[31,32,34],"h2",{"id":33},"game","Game",[27,36,37],{},"Tôi thường không chơi game nhiều nhưng lại biết được rất nhiều game, trong số các game tôi biết thì tôi đặc biệt thích vài tựa game như:",[39,40,41],"ul",{},[42,43,44],"li",{},[45,46,47],"strong",{},"Genshin Impact",[27,49,50],{},[51,52],"img",{"alt":47,"src":53},"\u002Fimages\u002Fgenshin_impact.png",[39,55,56],{},[42,57,58],{},[45,59,60],{},"Reverse1999",[27,62,63],{},[51,64],{"alt":60,"src":65},"\u002Fimages\u002Freverse1999.png",[39,67,68],{},[42,69,70],{},[45,71,72],{},"Strinova",[27,74,75],{},[51,76],{"alt":72,"src":77},"\u002Fimages\u002Fstrinova.png",[31,79,81],{"id":80},"manga","Manga",[27,83,84,85,89,90,89,93,96],{},"Sưu tầm truyện tranh là sở thích từ rất lâu rồi của tôi, gu manga của tôi thì không có cố định. Có thể là ",[86,87,88],"code",{},"Fantasy",", ",[86,91,92],{},"Slice of life",[86,94,95],{},"romance"," ...",[39,98,99,104,109,114],{},[42,100,101],{},[45,102,103],{},"Magus of Library",[42,105,106],{},[45,107,108],{},"Frieren: Beyond Journey's End",[42,110,111],{},[45,112,113],{},"Shadows House",[42,115,116],{},[45,117,118],{},"Tàn lửa",[31,120,122],{"id":121},"anime","Anime",[27,124,125,126,129],{},"Tôi có xem nhiều bộ Anime, tiếp cận được nhiều thể loại hơn manga. Một vài bộ yêu thích thì nó lại có kết thúc là ",[86,127,128],{},"bad-ending"," (Chả hiểu kiểu gì).",[39,131,132,138,144],{},[42,133,134,137],{},[45,135,136],{},"Sukasuka"," - Tận thế nếu không bận, anh cứu chúng em nhé?",[42,139,140,143],{},[45,141,142],{},"Urusei Yatsura"," - Rất là khó chịu thằng main.",[42,145,146],{},[45,147,148],{},"Umamusume",[31,150,152],{"id":151},"kamen-rider","Kamen Rider",[27,154,155,156,159,160,163,164,167],{},"Đúng vậy, tôi còn thích các ",[86,157,158],{},"rider"," nữa. Bất kể là thời kì ",[86,161,162],{},"Hesei"," hay là ",[86,165,166],{},"Reiwa"," (không xem thời Showa). Lý do tôi yêu thích Kamen Rider thì cũng khá là đơn giản, chắc chắn ai cũng muốn mình có khả năng biến thân và mang các bộ giáp mạnh mẽ với các năng lực kì diệu.",[27,169,170,171,174],{},"Đó là lý do đầu tiên giúp tôi tiếp cận với các rider. Khi tìm hiểu và xem thì ",[86,172,173],{},"cốt truyện"," của từng series rider lại chính là lý do lớn nhất khiến tôi yêu thích dòng phim này.",[27,176,177,178,181],{},"Bên cạnh đó các series Kamen Rider khác nhau đều có các sản phẩm đồ chơi khác nhau giúp người xem có thể ",[86,179,180],{},"sưu tầm"," những món đồ độc đáo này. Hiện tại tôi đã sưu tầm được 4 dòng sản phẩm của:",[39,183,184,189,194,199],{},[42,185,186],{},[45,187,188],{},"Kamen Rider Kabuto",[42,190,191],{},[45,192,193],{},"Kamen Rider Decade",[42,195,196],{},[45,197,198],{},"Kamen Rider Double",[42,200,201],{},[45,202,203],{},"Kamen Rider Faiz",[31,205,207],{"id":206},"cosplay","Cosplay",[27,209,210,211,213],{},"Thật ra thì lúc đầu tôi không có sở thích ",[86,212,207],{}," đâu nhưng mà sau khi đi trải nghiệm rất nhiều Fes thì tôi đã có thử đến với hình thức giải trí này.",[27,215,216,217,220,221,223],{},"Đúng ra thì tôi chưa được gọi là Coser vì tôi chỉ mới có test đúng 1 nhân vật Game yêu thích của tôi là ",[86,218,219],{},"Vertin"," trong game ",[86,222,60],{}," mà tôi có liệt kê ở trên",[27,225,227,228],{"align":226},"center","\n  ",[51,229],{"src":230,"alt":231,"width":232},"\u002Fimages\u002Fcosplay.jpg","cosplay image","300px",[31,234,236],{"id":235},"kết-bài","Kết bài",[238,239,240],"blockquote",{},[27,241,242,243,246,247,252,253],{},"Bài viết chủ yếu để chia sẽ những sở thích ",[86,244,245],{},"cá nhân"," của tôi, cảm ơn các bạn đã đọc hết. Tôi sẽ rất vui nếu bạn cũng có những điểm chung với tôi, bạn có thể gửi những điều bạn muốn chia sẽ với tôi ở trang ",[248,249,251],"a",{"href":250},"\u002Fcontact","Contact"," hoặc xem thêm các bài viết tại ",[248,254,5],{"href":11},{"title":256,"searchDepth":257,"depth":257,"links":258},"",2,[259,260,261,262,263,264],{"id":33,"depth":257,"text":34},{"id":80,"depth":257,"text":81},{"id":121,"depth":257,"text":122},{"id":151,"depth":257,"text":152},{"id":206,"depth":257,"text":207},{"id":235,"depth":257,"text":236},"2026-08-22","Bài viết chia sẻ về sở thích cá nhân của tôi","md","\u002Fimages\u002Fblog\u002Fgenshin_impact.png",{},5,"\u002Fblog\u002Fmy_hobbies",{"title":18,"description":266},"blog\u002Fmy_hobbies","nkB7PmAArn733U4Zl4Ypv9As0iyVWfOQj7N84Nkl2b0",{"id":276,"title":277,"author":278,"body":280,"date":1398,"description":1399,"extension":267,"image":1400,"meta":1401,"minRead":1402,"navigation":10,"path":1403,"seo":1404,"stem":1405,"__hash__":1406},"blog\u002Fblog\u002Fhow_to_use_Markdown_files.md","How to use Markdown files",{"name":20,"avatar":279},{"src":22,"alt":20},{"type":24,"value":281,"toc":1367},[282,287,302,312,322,339,350,354,358,368,375,387,391,461,465,469,474,481,491,494,538,541,545,549,553,558,563,568,572,579,581,601,603,606,609,613,620,622,641,643,649,654,658,665,667,686,688,693,698,702,705,707,726,728,735,742,746,749,751,760,762,768,772,779,781,790,792,797,801,805,812,814,833,835,840,845,849,856,858,878,880,892,896,902,904,924,926,934,938,944,946,952,954,965,969,976,978,1008,1011,1080,1084,1088,1091,1093,1113,1115,1118,1120,1122,1126,1129,1139,1141,1160,1162,1168,1174,1178,1180,1189,1196,1198,1207,1209,1214,1221,1230,1234,1237,1239,1244,1246,1249,1258,1262,1269,1271,1286,1288,1307,1311,1314,1316,1335,1337,1340,1343,1347,1350,1353,1358,1363],[283,284,286],"h1",{"id":285},"giới-thiệu","Giới thiệu",[27,288,289],{},[45,290,291,292,295,296],{},"Bài viết này được ",[86,293,294],{},"lucthienphong1120"," viết trong repo ",[248,297,301],{"href":298,"rel":299},"https:\u002F\u002Fgithub.com\u002Flucthienphong1120\u002FMarkdown-syntax",[300],"nofollow","Markdown-syntax",[27,303,304,307,308,311],{},[86,305,306],{},"Markdown"," là ngôn ngữ đánh dấu có cú pháp khá đơn giản và dễ hiểu, tạo thuận tiện cho việc chuyển đổi từ văn bản thuần sang ",[86,309,310],{},"HTML",".",[27,313,314,315,89,317,319,320,311],{},"Thay vì dựa vào ",[86,316,310],{},[86,318,306],{}," cho phép bạn định dạng văn bản mà trực quan hơn nhiều so với ",[86,321,310],{},[27,323,324,325,327,328,333,334,311],{},"Có thể bạn chưa biết: ",[86,326,306],{}," có thể được sử dụng tại ",[248,329,332],{"href":330,"rel":331},"https:\u002F\u002Fgithub.com",[300],"Github"," và ",[248,335,338],{"href":336,"rel":337},"https:\u002F\u002Fdiscord.com",[300],"Discord",[238,340,341],{},[27,342,343,344,349],{},"Tài liệu được viết tay bởi ",[248,345,348],{"href":346,"rel":347},"https:\u002F\u002Fgithub.com\u002Flucthienphong1120",[300],"Lục Thiên Phong",", để giúp bạn có thêm hiểu biết và làm chủ về Markdown.",[283,351,353],{"id":352},"i-sơ-lược","I. Sơ lược",[31,355,357],{"id":356},"_1-markdown-markup-languages","1. MarkDown (Markup languages)",[27,359,360,361,364,365,311],{},"Sự thật là cái tên ",[45,362,363],{},"\"Markdown\""," chính là một phép chơi chữ của từ ",[45,366,367],{},"\"Markup\"",[27,369,370,371,374],{},"Mardown được sử dụng để xuất văn bản thô trên trình duyệt nhưng các ngôn ngữ đánh dấu khác lại có thể giao tiếp trực tiếp với máy tính. Đơn cử như ",[86,372,373],{},"XML"," là một ngôn ngữ đánh dấu văn bản mà cả con người lẫn máy móc có thể đọc được.",[27,376,377,378,89,380,382,383,386],{},"Một ngôn ngữ đánh dấu văn bản khác mà mọi người chắc hẳn ai học CNTT cũng biết vì độ nổi tiếng của nó, chính là ",[86,379,310],{},[86,381,306],{}," không mang trong mình sứ mệnh ",[45,384,385],{},"\"Kẻ huỷ diệt HTML\""," hay gì, mà mục đích của nó chính là làm đơn giản hoá việc đánh dấu văn bản và tăng cường tốc độ viết lách một cách đáng kể.",[31,388,390],{"id":389},"_2-một-số-trình-soạn-thảo-markdown","2. Một số trình soạn thảo Markdown",[39,392,393,412,438],{},[42,394,395,396],{},"Mac, Windows, và Linux\n",[39,397,398,405],{},[42,399,400],{},[248,401,404],{"href":402,"rel":403},"https:\u002F\u002Ftypora.io\u002F",[300],"Typora",[42,406,407],{},[248,408,411],{"href":409,"rel":410},"https:\u002F\u002Fmacdown.uranusjr.com\u002F",[300],"MacDown",[42,413,414,415],{},"Online\n",[39,416,417,424,431],{},[42,418,419],{},[248,420,423],{"href":421,"rel":422},"https:\u002F\u002Fstackedit.io\u002F",[300],"StackEdit",[42,425,426],{},[248,427,430],{"href":428,"rel":429},"https:\u002F\u002Fdillinger.io\u002F",[300],"Dillinger",[42,432,433],{},[248,434,437],{"href":435,"rel":436},"https:\u002F\u002Fhashify.me\u002F",[300],"Hashify",[42,439,440,441],{},"Sau bài viết này, bạn có thể viết md mà không cần chuyển đổi\n",[39,442,443,446,449,452,455,458],{},[42,444,445],{},"Notepad",[42,447,448],{},"Visual Studio Code",[42,450,451],{},"Visual Code",[42,453,454],{},"Notepad++",[42,456,457],{},"Vi,nano,...",[42,459,460],{},"Github,Discord,...",[283,462,464],{"id":463},"ii-cách-sử-dụng","II. Cách sử dụng",[31,466,468],{"id":467},"_1-văn-bản-thuần","1. Văn bản thuần",[470,471,473],"h3",{"id":472},"_1-tiêu-đề-heading","1 Tiêu đề - Heading",[27,475,476,477,480],{},"Bạn có thể viết loại tiêu đề ",[86,478,479],{},"\u003Ch1>, \u003Ch2>,... \u003Ch6>"," bằng cách thêm các dấu # tương ứng vào đầu dòng.",[27,482,483,484,487,488,96],{},"Một dấu # tương đương với ",[86,485,486],{},"\u003Ch1>",", hai dấu # tương đương với ",[86,489,490],{},"\u003Ch2>",[27,492,493],{},"Cú pháp:",[495,496,500],"pre",{"className":497,"code":498,"language":499,"meta":256,"style":256},"language-txt shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Tiêu đề loại 1\n## Tiêu đề loại 2\n### Tiêu đề loại 3\n#### Tiêu đề loại 4\n##### Tiêu đề loại 5\n###### Tiêu đề loại 6\n","txt",[86,501,502,510,515,521,527,532],{"__ignoreMap":256},[503,504,507],"span",{"class":505,"line":506},"line",1,[503,508,509],{},"# Tiêu đề loại 1\n",[503,511,512],{"class":505,"line":257},[503,513,514],{},"## Tiêu đề loại 2\n",[503,516,518],{"class":505,"line":517},3,[503,519,520],{},"### Tiêu đề loại 3\n",[503,522,524],{"class":505,"line":523},4,[503,525,526],{},"#### Tiêu đề loại 4\n",[503,528,529],{"class":505,"line":270},[503,530,531],{},"##### Tiêu đề loại 5\n",[503,533,535],{"class":505,"line":534},6,[503,536,537],{},"###### Tiêu đề loại 6\n",[27,539,540],{},"Kết quả:",[283,542,544],{"id":543},"tiêu-đề-loại-1","Tiêu đề loại 1",[31,546,548],{"id":547},"tiêu-đề-loại-2","Tiêu đề loại 2",[470,550,552],{"id":551},"tiêu-đề-loại-3","Tiêu đề loại 3",[554,555,557],"h4",{"id":556},"tiêu-đề-loại-4","Tiêu đề loại 4",[559,560,562],"h5",{"id":561},"tiêu-đề-loại-5","Tiêu đề loại 5",[564,565,567],"h6",{"id":566},"tiêu-đề-loại-6","Tiêu đề loại 6",[470,569,571],{"id":570},"_2-đoạn-văn-paragraph","2. Đoạn văn - Paragraph",[27,573,574,575,578],{},"Để xuống dòng giữa các văn bản ",[86,576,577],{},"\u003Cp>",", sử dụng một dòng trống để tách các dòng văn bản.",[27,580,493],{},[495,582,584],{"className":497,"code":583,"language":499,"meta":256,"style":256},"Đây là dòng 1\n\nĐây là dòng 2\n",[86,585,586,591,596],{"__ignoreMap":256},[503,587,588],{"class":505,"line":506},[503,589,590],{},"Đây là dòng 1\n",[503,592,593],{"class":505,"line":257},[503,594,595],{"emptyLinePlaceholder":10},"\n",[503,597,598],{"class":505,"line":517},[503,599,600],{},"Đây là dòng 2\n",[27,602,540],{},[27,604,605],{},"Đây là dòng 1",[27,607,608],{},"Đây là dòng 2",[470,610,612],{"id":611},"_3-chữ-in-nghiêng-italic","3. Chữ in nghiêng - Italic",[27,614,615,616,619],{},"Để in nghiêng văn bản ",[86,617,618],{},"\u003Ci>",", thêm một dấu * hoặc dấu _ trước và sau từ cần in nghiêng.",[27,621,493],{},[495,623,625],{"className":497,"code":624,"language":499,"meta":256,"style":256},"*Từ cần in nghiêng 1*\n\n_Từ cần in nghiêng 2_\n",[86,626,627,632,636],{"__ignoreMap":256},[503,628,629],{"class":505,"line":506},[503,630,631],{},"*Từ cần in nghiêng 1*\n",[503,633,634],{"class":505,"line":257},[503,635,595],{"emptyLinePlaceholder":10},[503,637,638],{"class":505,"line":517},[503,639,640],{},"_Từ cần in nghiêng 2_\n",[27,642,540],{},[27,644,645],{},[646,647,648],"em",{},"Từ cần in nghiêng 1",[27,650,651],{},[646,652,653],{},"Từ cần in nghiêng 2",[470,655,657],{"id":656},"_4-chữ-in-đậm-bold","4. Chữ in đậm - Bold",[27,659,660,661,664],{},"Để in đậm văn bản ",[86,662,663],{},"\u003Cb>",", thêm hai dấu * hoặc dấu _ trước và sau từ cần in đậm.",[27,666,493],{},[495,668,670],{"className":497,"code":669,"language":499,"meta":256,"style":256},"**Từ cần in đậm 1**\n\n__Từ cần in đậm 2__\n",[86,671,672,677,681],{"__ignoreMap":256},[503,673,674],{"class":505,"line":506},[503,675,676],{},"**Từ cần in đậm 1**\n",[503,678,679],{"class":505,"line":257},[503,680,595],{"emptyLinePlaceholder":10},[503,682,683],{"class":505,"line":517},[503,684,685],{},"__Từ cần in đậm 2__\n",[27,687,540],{},[27,689,690],{},[45,691,692],{},"Từ cần in đậm 1",[27,694,695],{},[45,696,697],{},"Từ cần in đậm 2",[470,699,701],{"id":700},"_5-in-đậm-và-in-nghiêng","5. In đậm và in nghiêng",[27,703,704],{},"Đơn giản, bạn chỉ cần ba dấu * hoặc dấu _ trước và sau từ đó.",[27,706,493],{},[495,708,710],{"className":497,"code":709,"language":499,"meta":256,"style":256},"***Từ in đậm và in nghiêng 1***\n\n___Từ in đậm và in nghiêng 2___\n",[86,711,712,717,721],{"__ignoreMap":256},[503,713,714],{"class":505,"line":506},[503,715,716],{},"***Từ in đậm và in nghiêng 1***\n",[503,718,719],{"class":505,"line":257},[503,720,595],{"emptyLinePlaceholder":10},[503,722,723],{"class":505,"line":517},[503,724,725],{},"___Từ in đậm và in nghiêng 2___\n",[27,727,540],{},[27,729,730],{},[646,731,732],{},[45,733,734],{},"Từ in đậm và in nghiêng 1",[27,736,737],{},[646,738,739],{},[45,740,741],{},"Từ in đậm và in nghiêng 2",[470,743,745],{"id":744},"_6-chữ-gạch-giữa-strikethrough","6. Chữ gạch giữa - Strikethrough",[27,747,748],{},"Để tạo chữ gạch giữa, thêm 2 dấu ~ trước và sau từ đó.",[27,750,493],{},[495,752,754],{"className":497,"code":753,"language":499,"meta":256,"style":256},"~~Khuyến mại~~\n",[86,755,756],{"__ignoreMap":256},[503,757,758],{"class":505,"line":506},[503,759,753],{},[27,761,540],{},[27,763,764],{},[765,766,767],"del",{},"Khuyến mại",[470,769,771],{"id":770},"_7-code-trong-dòng-inline-code","7. Code trong dòng - Inline Code",[27,773,774,775,778],{},"Để viết inline ",[86,776,777],{},"\u003Ccode>",", bạn dùng 2 dấu ` ở trước và sau từ đó.",[27,780,493],{},[495,782,784],{"className":497,"code":783,"language":499,"meta":256,"style":256},"`inline code`\n",[86,785,786],{"__ignoreMap":256},[503,787,788],{"class":505,"line":506},[503,789,783],{},[27,791,540],{},[27,793,794],{},[86,795,796],{},"inline code",[31,798,800],{"id":799},"_2-các-khối","2. Các khối",[470,802,804],{"id":803},"_1-trích-dẫn-blockquote","1. Trích dẫn - Blockquote",[27,806,807,808,811],{},"Để tạo một ",[86,809,810],{},"\u003Cblockquote>",", thêm dấu > vào trước mỗi dòng trích dẫn.",[27,813,493],{},[495,815,817],{"className":497,"code":816,"language":499,"meta":256,"style":256},"> Trích dẫn dòng 1\n\n> Trích dẫn dòng 2\n",[86,818,819,824,828],{"__ignoreMap":256},[503,820,821],{"class":505,"line":506},[503,822,823],{},"> Trích dẫn dòng 1\n",[503,825,826],{"class":505,"line":257},[503,827,595],{"emptyLinePlaceholder":10},[503,829,830],{"class":505,"line":517},[503,831,832],{},"> Trích dẫn dòng 2\n",[27,834,540],{},[238,836,837],{},[27,838,839],{},"Trích dẫn dòng 1",[238,841,842],{},[27,843,844],{},"Trích dẫn dòng 2",[470,846,848],{"id":847},"_2-danh-sách-có-thứ-tự-ordered-list","2. Danh sách có thứ tự - Ordered List",[27,850,851,852,855],{},"Để tạo danh sách ",[86,853,854],{},"\u003Col>\u003Cli>",", bạn chỉ cần thêm các số, dấu chấm trước nội dung (dùng tab để phân cấp)",[27,857,493],{},[495,859,861],{"className":497,"code":860,"language":499,"meta":256,"style":256},"1. Mục thứ nhất\n2. Mục thứ hai\n3. Mục thứ ba\n",[86,862,863,868,873],{"__ignoreMap":256},[503,864,865],{"class":505,"line":506},[503,866,867],{},"1. Mục thứ nhất\n",[503,869,870],{"class":505,"line":257},[503,871,872],{},"2. Mục thứ hai\n",[503,874,875],{"class":505,"line":517},[503,876,877],{},"3. Mục thứ ba\n",[27,879,540],{},[881,882,883,886,889],"ol",{},[42,884,885],{},"Mục thứ nhất",[42,887,888],{},"Mục thứ hai",[42,890,891],{},"Mục thứ ba",[470,893,895],{"id":894},"_3-danh-sách-không-có-thứ-tự-unordered-list","3. Danh sách không có thứ tự - Unordered List",[27,897,851,898,901],{},[86,899,900],{},"\u003Cul>\u003Cli>",", bạn chỉ cần thêm dấu * hoặc - hoặc + trước nội dung (dùng tab để phân cấp)",[27,903,493],{},[495,905,907],{"className":497,"code":906,"language":499,"meta":256,"style":256},"- Mục thứ nhất\n- Mục thứ hai\n- Mục thứ ba\n",[86,908,909,914,919],{"__ignoreMap":256},[503,910,911],{"class":505,"line":506},[503,912,913],{},"- Mục thứ nhất\n",[503,915,916],{"class":505,"line":257},[503,917,918],{},"- Mục thứ hai\n",[503,920,921],{"class":505,"line":517},[503,922,923],{},"- Mục thứ ba\n",[27,925,540],{},[39,927,928,930,932],{},[42,929,885],{},[42,931,888],{},[42,933,891],{},[470,935,937],{"id":936},"_4-khối-lệnh-block-code","4. Khối lệnh - Block Code",[27,939,940,941,943],{},"Để viết 1 đoạn ",[86,942,777],{},", bạn dùng 3 dấu ` ở trước và sau đoạn đó (có thể thêm format ngôn ngữ đó).",[27,945,493],{},[27,947,948],{},[51,949],{"alt":950,"src":951},"image","https:\u002F\u002Fuser-images.githubusercontent.com\u002F90561566\u002F160242871-aad90ad1-bd8d-4e5c-9146-3349fb7c8c98.png",[27,953,540],{},[495,955,959],{"className":956,"code":957,"language":958,"meta":256,"style":256},"language-python shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","print(\"hello world\")\n","python",[86,960,961],{"__ignoreMap":256},[503,962,963],{"class":505,"line":506},[503,964,957],{},[470,966,968],{"id":967},"_5-bảng-table","5. Bảng - Table",[27,970,971,972,975],{},"Để tạo bảng ",[86,973,974],{},"\u003Ctable>\u003Ctbody>\u003Ctr>\u003Cth>\u003Cth>",", bạn chỉ cần ngăn cách bởi dấu | và cách đầu bảng với thân bảng bằng :--- (số dấu - tuỳ ý)",[27,977,493],{},[495,979,981],{"className":497,"code":980,"language":499,"meta":256,"style":256},"| Cột 1 | Cột 2 | Cột 3 | Cột 4 |\n| :--- | :--- | :--- | :--- |\n| A | B | C | D |\n| E | F | G | H |\n| I | K | L | M |\n",[86,982,983,988,993,998,1003],{"__ignoreMap":256},[503,984,985],{"class":505,"line":506},[503,986,987],{},"| Cột 1 | Cột 2 | Cột 3 | Cột 4 |\n",[503,989,990],{"class":505,"line":257},[503,991,992],{},"| :--- | :--- | :--- | :--- |\n",[503,994,995],{"class":505,"line":517},[503,996,997],{},"| A | B | C | D |\n",[503,999,1000],{"class":505,"line":523},[503,1001,1002],{},"| E | F | G | H |\n",[503,1004,1005],{"class":505,"line":270},[503,1006,1007],{},"| I | K | L | M |\n",[27,1009,1010],{},"Kết quả",[1012,1013,1014,1034],"table",{},[1015,1016,1017],"thead",{},[1018,1019,1020,1025,1028,1031],"tr",{},[1021,1022,1024],"th",{"align":1023},"left","Cột 1",[1021,1026,1027],{"align":1023},"Cột 2",[1021,1029,1030],{"align":1023},"Cột 3",[1021,1032,1033],{"align":1023},"Cột 4",[1035,1036,1037,1052,1066],"tbody",{},[1018,1038,1039,1043,1046,1049],{},[1040,1041,1042],"td",{"align":1023},"A",[1040,1044,1045],{"align":1023},"B",[1040,1047,1048],{"align":1023},"C",[1040,1050,1051],{"align":1023},"D",[1018,1053,1054,1057,1060,1063],{},[1040,1055,1056],{"align":1023},"E",[1040,1058,1059],{"align":1023},"F",[1040,1061,1062],{"align":1023},"G",[1040,1064,1065],{"align":1023},"H",[1018,1067,1068,1071,1074,1077],{},[1040,1069,1070],{"align":1023},"I",[1040,1072,1073],{"align":1023},"K",[1040,1075,1076],{"align":1023},"L",[1040,1078,1079],{"align":1023},"M",[31,1081,1083],{"id":1082},"_3-đặc-biệt","3. Đặc biệt",[470,1085,1087],{"id":1086},"_1-đường-kẻ-ngang-horizonal-rules","1. Đường kẻ ngang - Horizonal rules",[27,1089,1090],{},"Để tạo đường kẻ ngang, sử dụng ba dấu * hoặc - hoặc _ trên một dòng.",[27,1092,493],{},[495,1094,1096],{"className":497,"code":1095,"language":499,"meta":256,"style":256},"---\n***\n___\n",[86,1097,1098,1103,1108],{"__ignoreMap":256},[503,1099,1100],{"class":505,"line":506},[503,1101,1102],{},"---\n",[503,1104,1105],{"class":505,"line":257},[503,1106,1107],{},"***\n",[503,1109,1110],{"class":505,"line":517},[503,1111,1112],{},"___\n",[27,1114,540],{},[1116,1117],"hr",{},[1116,1119],{},[1116,1121],{},[470,1123,1125],{"id":1124},"_2-liên-kết-link","2. Liên kết - Link",[27,1127,1128],{},"Để chèn trực tiếp, bạn có thể paste thẳng nó như bình thường.",[27,1130,1131,1132,1135,1136,311],{},"Để dẫn liên kết ",[86,1133,1134],{},"\u003Ca href=\"https:\u002F\u002Fgithub.com\">Github\u003C\u002Fa>",", bạn dùng ",[86,1137,1138],{},"[text](link)",[27,1140,493],{},[495,1142,1144],{"className":497,"code":1143,"language":499,"meta":256,"style":256},"Trực tiếp: https:\u002F\u002Fgithub.com\u002Flucthienphong1120\n\nGián tiếp: [Github](https:\u002F\u002Fgithub.com\u002Flucthienphong1120)\n",[86,1145,1146,1151,1155],{"__ignoreMap":256},[503,1147,1148],{"class":505,"line":506},[503,1149,1150],{},"Trực tiếp: https:\u002F\u002Fgithub.com\u002Flucthienphong1120\n",[503,1152,1153],{"class":505,"line":257},[503,1154,595],{"emptyLinePlaceholder":10},[503,1156,1157],{"class":505,"line":517},[503,1158,1159],{},"Gián tiếp: [Github](https:\u002F\u002Fgithub.com\u002Flucthienphong1120)\n",[27,1161,540],{},[27,1163,1164,1165],{},"Trực tiếp: ",[248,1166,346],{"href":346,"rel":1167},[300],[27,1169,1170,1171],{},"Gián tiếp: ",[248,1172,332],{"href":346,"rel":1173},[300],[470,1175,1177],{"id":1176},"_3-hình-ảnh-image","3. Hình ảnh - Image",[27,1179,1128],{},[27,1181,1182,1183,1135,1186,311],{},"Để dẫn ảnh ",[86,1184,1185],{},"\u003Cimg src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F583231 alt=\"Github\">",[86,1187,1188],{},"![text](link ảnh)",[27,1190,1191,1192,1195],{},"Hoặc ",[86,1193,1194],{},"![](link ảnh)"," nếu không cần chữ khi hover.",[27,1197,493],{},[495,1199,1201],{"className":497,"code":1200,"language":499,"meta":256,"style":256},"![](https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F583231)\n",[86,1202,1203],{"__ignoreMap":256},[503,1204,1205],{"class":505,"line":506},[503,1206,1200],{},[27,1208,540],{},[27,1210,1211],{},[51,1212],{"alt":256,"src":1213},"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F583231",[27,1215,1216,1217,1220],{},"Để chèn liên kết vào ảnh ",[86,1218,1219],{},"\u003Ca href=\"link\">\u003Cimg src=\"link ảnh\" alt=\"chữ\">\u003C\u002Fa>"," thì chỉ cần kết hợp đúng cú pháp là được.",[495,1222,1224],{"className":497,"code":1223,"language":499,"meta":256,"style":256},"[ ![chữ](link ảnh) ] (link)\n",[86,1225,1226],{"__ignoreMap":256},[503,1227,1228],{"class":505,"line":506},[503,1229,1223],{},[470,1231,1233],{"id":1232},"_4-biểu-tượng-cảm-xúc-icon","4. Biểu tượng cảm xúc - Icon",[27,1235,1236],{},"Phần này tuỳ vào nền tảng (Github, Discord, ...) có icon đó không, bạn ghi dấu : và tên icon.",[27,1238,493],{},[27,1240,1241],{},[51,1242],{"alt":950,"src":1243},"https:\u002F\u002Fuser-images.githubusercontent.com\u002F90561566\u002F160245877-ccf277ff-094f-482c-801b-4a8fe46471b7.png",[27,1245,540],{},[27,1247,1248],{},"👁️",[238,1250,1251],{},[27,1252,1253,1254],{},"More information: ",[248,1255,1256],{"href":1256,"rel":1257},"https:\u002F\u002Fgithub.com\u002Flucthienphong1120\u002FGithub-Emojis",[300],[470,1259,1261],{"id":1260},"_5-checkbox","5. Checkbox",[27,1263,1264,1265,1268],{},"Để chèn ",[86,1266,1267],{},"checkbox\u002Fchecked"," (thường dùng cho to do list trên github) thì ta đánh dấu như list và thêm 1 cặp ngoặc vuông.",[27,1270,493],{},[495,1272,1274],{"className":497,"code":1273,"language":499,"meta":256,"style":256},"- [ ] Checkbox\n- [x] Checked\n",[86,1275,1276,1281],{"__ignoreMap":256},[503,1277,1278],{"class":505,"line":506},[503,1279,1280],{},"- [ ] Checkbox\n",[503,1282,1283],{"class":505,"line":257},[503,1284,1285],{},"- [x] Checked\n",[27,1287,540],{},[39,1289,1292,1301],{"className":1290},[1291],"contains-task-list",[42,1293,1296,1300],{"className":1294},[1295],"task-list-item",[1297,1298],"input",{"disabled":10,"type":1299},"checkbox"," Checkbox",[42,1302,1304,1306],{"className":1303},[1295],[1297,1305],{"checked":10,"disabled":10,"type":1299}," Checked",[470,1308,1310],{"id":1309},"_6-escape-markdown","6. Escape markdown",[27,1312,1313],{},"Đôi khi bạn sẽ cần những kí hiệu trùng với cú pháp của markdown. Để phân biệt, bạn chỉ cần thêm dấu \\ trước những kí hiệu đó là được.",[27,1315,493],{},[495,1317,1319],{"className":497,"code":1318,"language":499,"meta":256,"style":256},"\\`hai dấu nháy\\`\n\n\\*\\*\\*ba dấu sao hai bên\\*\\*\\*\n",[86,1320,1321,1326,1330],{"__ignoreMap":256},[503,1322,1323],{"class":505,"line":506},[503,1324,1325],{},"\\`hai dấu nháy\\`\n",[503,1327,1328],{"class":505,"line":257},[503,1329,595],{"emptyLinePlaceholder":10},[503,1331,1332],{"class":505,"line":517},[503,1333,1334],{},"\\*\\*\\*ba dấu sao hai bên\\*\\*\\*\n",[27,1336,540],{},[27,1338,1339],{},"`hai dấu nháy`",[27,1341,1342],{},"***ba dấu sao hai bên***",[283,1344,1346],{"id":1345},"iii-kết-thúc","III. Kết thúc",[27,1348,1349],{},"Hy vọng qua bài viết này, bạn sẽ không còn thấy Markdown khó nữa và sẽ nắm được cách dùng Markdown trong nhiều việc của mình hơn nhé.",[27,1351,1352],{},"Nếu thấy hay hãy đừng ngần ngại mà thả 1 sao cho tôi, chúc bạn 1 ngày làm việc thật tốt!",[238,1354,1355],{},[27,1356,1357],{},"Bạn có thể thoải mái đóng góp (contribute) hoặc liên kết (fork) dự án này.",[238,1359,1360],{},[27,1361,1362],{},"You are free to contribute or fork this repo.",[1364,1365,1366],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":256,"searchDepth":257,"depth":257,"links":1368},[1369,1370,1371,1374,1383,1390],{"id":356,"depth":257,"text":357},{"id":389,"depth":257,"text":390},{"id":467,"depth":257,"text":468,"children":1372},[1373],{"id":472,"depth":517,"text":473},{"id":547,"depth":257,"text":548,"children":1375},[1376,1377,1378,1379,1380,1381,1382],{"id":551,"depth":517,"text":552},{"id":570,"depth":517,"text":571},{"id":611,"depth":517,"text":612},{"id":656,"depth":517,"text":657},{"id":700,"depth":517,"text":701},{"id":744,"depth":517,"text":745},{"id":770,"depth":517,"text":771},{"id":799,"depth":257,"text":800,"children":1384},[1385,1386,1387,1388,1389],{"id":803,"depth":517,"text":804},{"id":847,"depth":517,"text":848},{"id":894,"depth":517,"text":895},{"id":936,"depth":517,"text":937},{"id":967,"depth":517,"text":968},{"id":1082,"depth":257,"text":1083,"children":1391},[1392,1393,1394,1395,1396,1397],{"id":1086,"depth":517,"text":1087},{"id":1124,"depth":517,"text":1125},{"id":1176,"depth":517,"text":1177},{"id":1232,"depth":517,"text":1233},{"id":1260,"depth":517,"text":1261},{"id":1309,"depth":517,"text":1310},"2026-08-10","Cách sử dụng file văn bản phổ biến nhất cho dân lập trình là Markdown, học về MarkDown chi tiết nhất và cách sử dụng MarkDown.","\u002Fimages\u002Fblog\u002Fmarkdown.png",{},22,"\u002Fblog\u002Fhow_to_use_markdown_files",{"title":277,"description":1399},"blog\u002Fhow_to_use_Markdown_files","JJ8S9q2nb42KgfbQpz6Q-fImhSQZghhq2a69aZF5p1Q",{"id":1408,"title":1409,"author":1410,"body":1412,"date":1529,"description":1530,"extension":267,"image":1531,"meta":1532,"minRead":523,"navigation":10,"path":1533,"seo":1534,"stem":1535,"__hash__":1536},"blog\u002Fblog\u002Fmy_developer_setup.md","My Developer Setup",{"name":20,"avatar":1411},{"src":22,"alt":20},{"type":24,"value":1413,"toc":1522},[1414,1417,1421,1424,1428,1431,1451,1455,1458,1498,1502,1509,1513,1516,1519],[27,1415,1416],{},"Một môi trường phát triển tốt tạo ra sự khác biệt lớn về năng suất. Theo thời gian, tôi đã tinh chỉnh hệ thống của mình để đảm bảo sự nhanh chóng, ổn định và thoải mái.",[31,1418,1420],{"id":1419},"the-os-linux","The OS: Linux",[27,1422,1423],{},"Tôi sử dụng Linux (Arch) làm hệ điều hành chính hàng ngày. Quy trình làm việc ưu tiên sử dụng terminal, hệ thống quản lý gói và khả năng kiểm soát toàn diện môi trường làm việc là những điều tôi không thể từ bỏ.",[31,1425,1427],{"id":1426},"the-editor-vs-code","The Editor: VS Code",[27,1429,1430],{},"VS Code là trình soạn thảo tôi ưu tiên lựa chọn. Dưới đây là một vài Extentions mà tôi không thể thiếu:",[39,1432,1433,1439,1445],{},[42,1434,1435,1438],{},[45,1436,1437],{},"Catpuccin for VSCode:"," Themes đẹp cho VSCode",[42,1440,1441,1444],{},[45,1442,1443],{},"Prettier:"," Định dạng mã nguồn nhất quán",[42,1446,1447,1450],{},[45,1448,1449],{},"VSCode Google Translate:"," Dịch ngôn ngữ ngay trong VSCode",[31,1452,1454],{"id":1453},"version-control","Version Control",[27,1456,1457],{},"Git là công cụ tôi sử dụng hàng ngày. Tôi áp dụng quy tắc Conventional Commits và giữ cho lịch sử commit luôn gọn gàng:",[495,1459,1463],{"className":1460,"code":1461,"language":1462,"meta":256,"style":256},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","git add .\ngit commit -m \"feat: add user authentication\"\n","bash",[86,1464,1465,1478],{"__ignoreMap":256},[503,1466,1467,1471,1475],{"class":505,"line":506},[503,1468,1470],{"class":1469},"sBMFI","git",[503,1472,1474],{"class":1473},"sfazB"," add",[503,1476,1477],{"class":1473}," .\n",[503,1479,1480,1482,1485,1488,1492,1495],{"class":505,"line":257},[503,1481,1470],{"class":1469},[503,1483,1484],{"class":1473}," commit",[503,1486,1487],{"class":1473}," -m",[503,1489,1491],{"class":1490},"sMK4o"," \"",[503,1493,1494],{"class":1473},"feat: add user authentication",[503,1496,1497],{"class":1490},"\"\n",[31,1499,1501],{"id":1500},"terminal","Terminal",[27,1503,1504,1505,1508],{},"Tôi thường xuyên sử dụng môi trường dòng lệnh terminal - sử dụng ",[86,1506,1507],{},"fish"," với các alias hữu ích để điều hướng nhanh chóng",[31,1510,1512],{"id":1511},"continuous-learning","Continuous Learning",[27,1514,1515],{},"Yếu tố quan trọng nhất trong quy trình làm việc của tôi là thói quen học hỏi. Mỗi ngày, tôi đều đọc những kiến ​​thức mới về phát triển web, thử nghiệm một công cụ mới hoặc cải tiến một công cụ hiện có.",[27,1517,1518],{},"Cách thiết lập không gian làm việc cần mang đậm dấu ấn cá nhân, hãy xây dựng nó dựa trên phong cách làm việc hiệu quả nhất đối với bạn!",[1364,1520,1521],{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":256,"searchDepth":257,"depth":257,"links":1523},[1524,1525,1526,1527,1528],{"id":1419,"depth":257,"text":1420},{"id":1426,"depth":257,"text":1427},{"id":1453,"depth":257,"text":1454},{"id":1500,"depth":257,"text":1501},{"id":1511,"depth":257,"text":1512},"2026-07-12","Khám phá môi trường phát triển hàng ngày của tôi - bao gồm các công cụ, tiện ích mở rộng và quy trình làm việc giúp tôi duy trì hiệu suất công việc với tư cách là một lập trình viên.","\u002Fimages\u002Fblog\u002Fdeveloper_setup.png",{},"\u002Fblog\u002Fmy_developer_setup",{"title":1409,"description":1530},"blog\u002Fmy_developer_setup","vGSFRC6ndEKUJohhbxAnnNYq-q7pD2wTThtVUihCh0s",{"id":1538,"title":1539,"author":1540,"body":1542,"date":1702,"description":1703,"extension":267,"image":1704,"meta":1705,"minRead":534,"navigation":10,"path":1706,"seo":1707,"stem":1708,"__hash__":1709},"blog\u002Fblog\u002Fgetting_started_with_nuxt.md","Nuxt 3: My First Impressions",{"name":20,"avatar":1541},{"src":22,"alt":20},{"type":24,"value":1543,"toc":1697},[1544,1547,1551,1558,1606,1609,1613,1616,1684,1688,1691,1694],[27,1545,1546],{},"Nuxt là một trong những framework tốt nhất để xây dựng các ứng dụng web hiện đại với Vue. Khi mới bắt đầu sử dụng, tôi đã rất ngạc nhiên trước những tính năng được tích hợp sẵn ngay từ đầu.",[31,1548,1550],{"id":1549},"file-based-routing","File-Based Routing",[27,1552,1553,1554,1557],{},"Một trong những điều đầu tiên bạn sẽ nhận thấy là việc thiết lập định tuyến routing rất dễ dàng. Chỉ cần tạo một tệp trong thư mục ",[86,1555,1556],{},"pages\u002F"," và Nuxt sẽ tự động tạo tuyến đường cho bạn.",[495,1559,1563],{"className":1560,"code":1561,"language":1562,"meta":256,"style":256},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Ch1>Hello World\u003C\u002Fh1>\n\u003C\u002Ftemplate>\n","vue",[86,1564,1565,1577,1598],{"__ignoreMap":256},[503,1566,1567,1570,1574],{"class":505,"line":506},[503,1568,1569],{"class":1490},"\u003C",[503,1571,1573],{"class":1572},"swJcz","template",[503,1575,1576],{"class":1490},">\n",[503,1578,1579,1582,1584,1587,1591,1594,1596],{"class":505,"line":257},[503,1580,1581],{"class":1490},"  \u003C",[503,1583,283],{"class":1572},[503,1585,1586],{"class":1490},">",[503,1588,1590],{"class":1589},"sTEyZ","Hello World",[503,1592,1593],{"class":1490},"\u003C\u002F",[503,1595,283],{"class":1572},[503,1597,1576],{"class":1490},[503,1599,1600,1602,1604],{"class":505,"line":517},[503,1601,1593],{"class":1490},[503,1603,1573],{"class":1572},[503,1605,1576],{"class":1490},[27,1607,1608],{},"Chỉ vậy thôi – không cần cấu hình bộ định tuyến. Nó hoạt động ngay.",[31,1610,1612],{"id":1611},"auto-imports","Auto-Imports",[27,1614,1615],{},"Nuxt tự động import các component, composable và utility. Bạn không cần phải viết câu lệnh import cho từng thứ một.",[495,1617,1621],{"className":1618,"code":1619,"language":1620,"meta":256,"style":256},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const count = ref(0)\nconst { data } = await useFetch('\u002Fapi\u002Fdata')\n","ts",[86,1622,1623,1649],{"__ignoreMap":256},[503,1624,1625,1629,1632,1635,1639,1642,1646],{"class":505,"line":506},[503,1626,1628],{"class":1627},"spNyl","const",[503,1630,1631],{"class":1589}," count ",[503,1633,1634],{"class":1490},"=",[503,1636,1638],{"class":1637},"s2Zo4"," ref",[503,1640,1641],{"class":1589},"(",[503,1643,1645],{"class":1644},"sbssI","0",[503,1647,1648],{"class":1589},")\n",[503,1650,1651,1653,1656,1659,1662,1665,1669,1672,1674,1677,1680,1682],{"class":505,"line":257},[503,1652,1628],{"class":1627},[503,1654,1655],{"class":1490}," {",[503,1657,1658],{"class":1589}," data ",[503,1660,1661],{"class":1490},"}",[503,1663,1664],{"class":1490}," =",[503,1666,1668],{"class":1667},"s7zQu"," await",[503,1670,1671],{"class":1637}," useFetch",[503,1673,1641],{"class":1589},[503,1675,1676],{"class":1490},"'",[503,1678,1679],{"class":1473},"\u002Fapi\u002Fdata",[503,1681,1676],{"class":1490},[503,1683,1648],{"class":1589},[31,1685,1687],{"id":1686},"why-i-love-it","Why I Love It",[27,1689,1690],{},"Trải nghiệm thực sự tuyệt vời. Tính năng HMR hoạt động nhanh chóng, khả năng hỗ trợ TypeScript đạt chất lượng hàng đầu, và hệ sinh thái đi kèm (như Nuxt UI và Nuxt Content) biến việc xây dựng các dự án thực tế thành một trải nghiệm đầy hứng khởi.",[27,1692,1693],{},"Nếu bạn đang dùng Vue thuần, hãy thử qua Nuxt xem sao. Đây là framework mà tôi luôn ưu tiên lựa chọn hiện nay.",[1364,1695,1696],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}",{"title":256,"searchDepth":257,"depth":257,"links":1698},[1699,1700,1701],{"id":1549,"depth":257,"text":1550},{"id":1611,"depth":257,"text":1612},{"id":1686,"depth":257,"text":1687},"2026-06-15","Bài chia sẻ chi tiết và dễ hiểu về trải nghiệm bắt đầu với Nuxt của tôi, bao gồm cơ chế định tuyến dựa trên cấu trúc tệp, tính năng tự động import và trải nghiệm tuyệt vời dành cho nhà phát triển.","\u002Fimages\u002Fblog\u002Fnuxt3.png",{},"\u002Fblog\u002Fgetting_started_with_nuxt",{"title":1539,"description":1703},"blog\u002Fgetting_started_with_nuxt","8ddNGQb2QpOFBzDuCr0sMW9WCpbh4hgOvzjNHlxpqE0",{"id":1711,"title":1712,"author":1713,"body":1715,"date":1857,"description":1858,"extension":267,"image":1859,"meta":1860,"minRead":270,"navigation":10,"path":1861,"seo":1862,"stem":1863,"__hash__":1864},"blog\u002Fblog\u002Fstyling_Vue_apps_with_Tailwind.md","Styling Modern Vue Apps with Tailwind CSS",{"name":20,"avatar":1714},{"src":22,"alt":20},{"type":24,"value":1716,"toc":1851},[1717,1720,1724,1727,1767,1770,1774,1781,1819,1823,1826,1830,1845,1848],[27,1718,1719],{},"Tailwind CSS đã thay đổi hoàn toàn cách tôi viết style. Thay vì phải chuyển đổi qua lại giữa các tệp HTML và CSS, mọi thứ đều nằm ngay trong phần mã đánh dấu markup.",[31,1721,1723],{"id":1722},"utility-first-approach","Utility-First Approach",[27,1725,1726],{},"Với các lớp tiện ích utility classes, bạn có thể xây dựng các thành phần trực tiếp như trong template.",[495,1728,1730],{"className":1560,"code":1729,"language":1562,"meta":256,"style":256},"\u003Cbutton class=\"rounded-lg bg-blue-500 px-4 py-2 text-white hover:bg-blue-600\">\n  Click me\n\u003C\u002Fbutton>\n",[86,1731,1732,1754,1759],{"__ignoreMap":256},[503,1733,1734,1736,1739,1742,1744,1747,1750,1752],{"class":505,"line":506},[503,1735,1569],{"class":1490},[503,1737,1738],{"class":1572},"button",[503,1740,1741],{"class":1627}," class",[503,1743,1634],{"class":1490},[503,1745,1746],{"class":1490},"\"",[503,1748,1749],{"class":1473},"rounded-lg bg-blue-500 px-4 py-2 text-white hover:bg-blue-600",[503,1751,1746],{"class":1490},[503,1753,1576],{"class":1490},[503,1755,1756],{"class":505,"line":257},[503,1757,1758],{"class":1589},"  Click me\n",[503,1760,1761,1763,1765],{"class":505,"line":517},[503,1762,1593],{"class":1490},[503,1764,1738],{"class":1572},[503,1766,1576],{"class":1490},[27,1768,1769],{},"Không còn cảnh phải đặt tên class và lục lọi trong các file stylesheet nữa.",[31,1771,1773],{"id":1772},"dark-mode","Dark Mode",[27,1775,1776,1777,1780],{},"Chế độ Dark mode được tích hợp sẵn trong cơ chế sử dụng class của Tailwind. Chỉ cần thêm các biến thể ",[86,1778,1779],{},"dark:",":",[495,1782,1784],{"className":1560,"code":1783,"language":1562,"meta":256,"style":256},"\u003Cdiv class=\"bg-white dark:bg-slate-900\">\n  \u003Cp class=\"text-slate-700 dark:text-slate-300\">Hello\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[86,1785,1786,1806,1811],{"__ignoreMap":256},[503,1787,1788,1790,1793,1795,1797,1799,1802,1804],{"class":505,"line":506},[503,1789,1569],{"class":1490},[503,1791,1792],{"class":1572},"div",[503,1794,1741],{"class":1627},[503,1796,1634],{"class":1490},[503,1798,1746],{"class":1490},[503,1800,1801],{"class":1473},"bg-white dark:bg-slate-900",[503,1803,1746],{"class":1490},[503,1805,1576],{"class":1490},[503,1807,1808],{"class":505,"line":257},[503,1809,1810],{"class":1589},"  \u003Cp class=\"text-slate-700 dark:text-slate-300\">Hello\u003C\u002Fp>\n",[503,1812,1813,1815,1817],{"class":505,"line":517},[503,1814,1593],{"class":1490},[503,1816,1792],{"class":1572},[503,1818,1576],{"class":1490},[31,1820,1822],{"id":1821},"pairing-with-nuxt-ui","Pairing with Nuxt UI",[27,1824,1825],{},"Điểm tuyệt vời nhất là việc kết hợp Tailwind với các thành phần Nuxt UI. Bạn sẽ có ngay những thành phần đẹp mắt, đảm bảo accessible mà không cần cấu hình nhiều, đồng thời có thể tùy biến chúng bằng các class của Tailwind.",[31,1827,1829],{"id":1828},"keep-it-clean","Keep It Clean",[39,1831,1832,1839,1842],{},[42,1833,1834,1835,1838],{},"Hãy sử dụng ",[86,1836,1837],{},"@apply"," một cách tiết chế cho các mẫu lặp lại.",[42,1840,1841],{},"Tạo các thành phần nhỏ, tập trung.",[42,1843,1844],{},"Sử dụng tệp cấu hình của bạn cho các design token.",[27,1846,1847],{},"Tailwind đã biến việc tạo kiểu giao diện trở nên thú vị trở lại. Hãy thử dùng nó trong dự án Vue tiếp theo của bạn nhé!",[1364,1849,1850],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":256,"searchDepth":257,"depth":257,"links":1852},[1853,1854,1855,1856],{"id":1722,"depth":257,"text":1723},{"id":1772,"depth":257,"text":1773},{"id":1821,"depth":257,"text":1822},{"id":1828,"depth":257,"text":1829},"2026-06-10","Cái nhìn thực tế về việc sử dụng Tailwind CSS trong các dự án Vue, cùng các mẹo về tùy biến giao diện, chế độ tối dark mode và cách duy trì mã nguồn CSS dễ bảo trì.","\u002Fimages\u002Fblog\u002Fcss.png",{},"\u002Fblog\u002Fstyling_vue_apps_with_tailwind",{"title":1712,"description":1858},"blog\u002Fstyling_Vue_apps_with_Tailwind","YSy41E9KpIlqpl90PNXzWUEsvsg4qKkQ_XAa-QREn44",1789113753099]