[{"data":1,"prerenderedAt":2075},["ShallowReactive",2],{"content-\u002Fcontents\u002Fnuxt-content-v2":3,"surroundPost-\u002Fcontents\u002Fnuxt-content-v2":2067},{"id":4,"title":5,"body":6,"createdAt":2055,"description":2056,"draft":2057,"extension":44,"meta":2058,"navigation":192,"path":2059,"seo":2060,"stem":2061,"tags":2062,"thumbnail":2065,"updatedAt":2055,"__hash__":2066},"contents\u002Fcontents\u002Fnuxt-content-v2.md","Nuxt Content v2を利用したMarkdownによるブログ記事の作成方法",{"type":7,"value":8,"toc":2048},"minimark",[9,13,21,25,28,31,39,89,92,101,108,139,142,145,148,200,209,305,314,317,320,323,414,417,420,423,430,433,463,477,726,729,732,868,871,909,912,917,932,935,938,947,950,953,2021,2032,2035,2038,2041,2044],[10,11,12],"p",{},"前回の記事の続きです。今回はNuxt Content v2を利用してMarkdownで記事を書く際に気になった点について書きました。",[10,14,15,16],{},"前回の記事：",[17,18,20],"a",{"href":19},"nuxt-3nuxt-content-v2","Nuxt 3、Tailwind、Nuxt content v2によるブログ作成のための基本設定",[22,23,24],"h2",{"id":24},"基本的な記事の書き方",[10,26,27],{},"markdownを直接書くことです。",[10,29,30],{},"一般的なmarkdownと違って悩むところとしては内部リンクと画像の挿入時のパスの書き方です。",[10,32,33,34,38],{},"まず、内部リンクは以下のようにプロジェクト直下の",[35,36,37],"code",{},"content","フォルダをルートとした相対パスで記述します。",[40,41,46],"pre",{"className":42,"code":43,"language":44,"meta":45,"style":45},"language-md shiki shiki-themes github-dark","content直下の場合：[test1](\u003Cfile名>)\ncontent配下のtestフォルダ内のページの場合：[test2](test\u002F\u003Cfile名>)\n","md","",[35,47,48,71],{"__ignoreMap":45},[49,50,53,57,61,64,68],"span",{"class":51,"line":52},"line",1,[49,54,56],{"class":55},"s95oV","content直下の場合：[",[49,58,60],{"class":59},"sSArK","test1",[49,62,63],{"class":55},"](\u003C",[49,65,67],{"class":66},"sKT0L","file名",[49,69,70],{"class":55},">)\n",[49,72,74,77,80,83,86],{"class":51,"line":73},2,[49,75,76],{"class":55},"content配下のtestフォルダ内のページの場合：[",[49,78,79],{"class":59},"test2",[49,81,82],{"class":55},"](",[49,84,85],{"class":66},"test\u002F\u003Cfile名>",[49,87,88],{"class":55},")\n",[10,90,91],{},"上記からも分かるようにルーティングに関してはcontent直下がルートになります。かなり簡単にブログのパスを切れるので、私のように既存のURLを変えたくない場合には重宝します。",[10,93,94,95],{},"参考：",[17,96,100],{"href":97,"rel":98},"https:\u002F\u002Fcontent.nuxt.com\u002Fusage\u002Fcontent-directory",[99],"nofollow","Content Directory",[10,102,103,104,107],{},"続いて画像の挿入については以下のようにプロジェクト直下の",[35,105,106],{},"public","フォルダをルートとした相対パスで書きます。",[40,109,111],{"className":42,"code":110,"language":44,"meta":45,"style":45},"public直下の場合：![test1](\u003Cfile名>)\npublic配下のtestフォルダ内のページの場合：![test2](test\u002F\u003Cfile名>)\n",[35,112,113,126],{"__ignoreMap":45},[49,114,115,118,120,122,124],{"class":51,"line":52},[49,116,117],{"class":55},"public直下の場合：![",[49,119,60],{"class":59},[49,121,63],{"class":55},[49,123,67],{"class":66},[49,125,70],{"class":55},[49,127,128,131,133,135,137],{"class":51,"line":73},[49,129,130],{"class":55},"public配下のtestフォルダ内のページの場合：![",[49,132,79],{"class":59},[49,134,82],{"class":55},[49,136,85],{"class":66},[49,138,88],{"class":55},[22,140,141],{"id":141},"フロントマターの設定",[10,143,144],{},"ブログ内でさまざまなデザインや設定を実現するためにmarkdown記事にフロントマターを設定し、コードから記事情報を利用することができます。",[10,146,147],{},"以下はシンプルな例です。",[40,149,151],{"className":42,"code":150,"language":44,"meta":45,"style":45},"---\ntitle: 'ページタイトル'\ndescription: 'ページの詳細説明'\n---\n\n記事本文\n\n",[35,152,153,158,171,182,187,194],{"__ignoreMap":45},[49,154,155],{"class":51,"line":52},[49,156,157],{"class":55},"---\n",[49,159,160,164,167],{"class":51,"line":73},[49,161,163],{"class":162},"s4JwU","title",[49,165,166],{"class":55},": ",[49,168,170],{"class":169},"sU2Wk","'ページタイトル'\n",[49,172,174,177,179],{"class":51,"line":173},3,[49,175,176],{"class":162},"description",[49,178,166],{"class":55},[49,180,181],{"class":169},"'ページの詳細説明'\n",[49,183,185],{"class":51,"line":184},4,[49,186,157],{"class":55},[49,188,190],{"class":51,"line":189},5,[49,191,193],{"emptyLinePlaceholder":192},true,"\n",[49,195,197],{"class":51,"line":196},6,[49,198,199],{"class":55},"記事本文\n",[10,201,202,203,208],{},"フロントマターの",[17,204,207],{"href":205,"rel":206},"https:\u002F\u002Fcontent.nuxtjs.org\u002Fguide\u002Fwriting\u002Fmarkdown#native-parameters",[99],"ネイティブパラメータ","は以下の通りです。",[210,211,212,231],"table",{},[213,214,215],"thead",{},[216,217,218,222,225,228],"tr",{},[219,220,221],"th",{},"キー",[219,223,224],{},"タイプ",[219,226,227],{},"デフォルト",[219,229,230],{},"説明",[232,233,234,251,265,279,292],"tbody",{},[216,235,236,239,242,248],{},[237,238,163],"td",{},[237,240,241],{},"string",[237,243,244,245],{},"ページの最初の",[35,246,247],{},"\u003Ch1>",[237,249,250],{},"ページのタイトル。メタタグにも挿入されます",[216,252,253,255,257,262],{},[237,254,176],{},[237,256,241],{},[237,258,244,259],{},[35,260,261],{},"\u003Cp>",[237,263,264],{},"ページの説明。タイトルの下に表示され、メタタグに挿入されます",[216,266,267,270,273,276],{},[237,268,269],{},"draft",[237,271,272],{},"bool",[237,274,275],{},"false",[237,277,278],{},"ページを下書きとしてマークし、開発モードでのみ表示します。",[216,280,281,284,286,289],{},[237,282,283],{},"navigation",[237,285,272],{},[237,287,288],{},"true",[237,290,291],{},"ページnavigation の戻り値に含まれるかどうかを定義します。",[216,293,294,297,300,302],{},[237,295,296],{},"head",[237,298,299],{},"object",[237,301,288],{},[237,303,304],{},"useContentHead で簡単にアクセスできます。",[10,306,307,308,313],{},"（参考：",[17,309,312],{"href":310,"rel":311},"https:\u002F\u002Fcontent.nuxt.com\u002Fusage\u002Fmarkdown",[99],"markdown","）",[10,315,316],{},"これ以外にも任意でフロントマターにキーを設定し、コードから参照することが可能です。",[10,318,319],{},"このブログでは追加で作成日時と更新日時、タグ、サムネイルのパスを設定しています。",[10,321,322],{},"例",[40,324,326],{"className":42,"code":325,"language":44,"meta":45,"style":45},"---\ntitle: Nuxt content v2を使用した記事の書き方\ncreatedAt: '2023-09-25'\nupdatedAt: '2023-09-25'\ntags: ['Nuxt','Nuxt Content v2']\ndraft: false\ndescription:  \nthumbnail: '\u002Fimg\u002Ftwitter-card.png'\n---\n",[35,327,328,332,341,351,360,380,390,398,409],{"__ignoreMap":45},[49,329,330],{"class":51,"line":52},[49,331,157],{"class":55},[49,333,334,336,338],{"class":51,"line":73},[49,335,163],{"class":162},[49,337,166],{"class":55},[49,339,340],{"class":169},"Nuxt content v2を使用した記事の書き方\n",[49,342,343,346,348],{"class":51,"line":173},[49,344,345],{"class":162},"createdAt",[49,347,166],{"class":55},[49,349,350],{"class":169},"'2023-09-25'\n",[49,352,353,356,358],{"class":51,"line":184},[49,354,355],{"class":162},"updatedAt",[49,357,166],{"class":55},[49,359,350],{"class":169},[49,361,362,365,368,371,374,377],{"class":51,"line":189},[49,363,364],{"class":162},"tags",[49,366,367],{"class":55},": [",[49,369,370],{"class":169},"'Nuxt'",[49,372,373],{"class":55},",",[49,375,376],{"class":169},"'Nuxt Content v2'",[49,378,379],{"class":55},"]\n",[49,381,382,384,386],{"class":51,"line":196},[49,383,269],{"class":162},[49,385,166],{"class":55},[49,387,389],{"class":388},"sDLfK","false\n",[49,391,393,395],{"class":51,"line":392},7,[49,394,176],{"class":162},[49,396,397],{"class":55},":  \n",[49,399,401,404,406],{"class":51,"line":400},8,[49,402,403],{"class":162},"thumbnail",[49,405,166],{"class":55},[49,407,408],{"class":169},"'\u002Fimg\u002Ftwitter-card.png'\n",[49,410,412],{"class":51,"line":411},9,[49,413,157],{"class":55},[22,415,416],{"id":416},"コンポーネントの利用",[10,418,419],{},"Nuxt Content v2ではMDC (Markdown Components) と呼ばれるMarkdownからコンポーネントを呼び出す記法が可能です。これにより、通常のmarkdownでは難しかった複雑なデザインを作ることができます。",[10,421,422],{},"以下はよくあるインフォボックスのコンポーネントを作成し、markdownから使ってみた例です。",[10,424,425,426,429],{},"なおコンポーネントのデザインにはTailwindを使用しています。こちらの設定については",[17,427,428],{"href":19},"前回記事","で紹介しています。",[10,431,432],{},"markdownファイルでは以下のように書きます。",[40,434,436],{"className":42,"code":435,"language":44,"meta":45,"style":45},"# MDC test\n\n::info\ntest\n::\n",[35,437,438,444,448,453,458],{"__ignoreMap":45},[49,439,440],{"class":51,"line":52},[49,441,443],{"class":442},"sIZOC","# MDC test\n",[49,445,446],{"class":51,"line":73},[49,447,193],{"emptyLinePlaceholder":192},[49,449,450],{"class":51,"line":173},[49,451,452],{"class":55},"::info\n",[49,454,455],{"class":51,"line":184},[49,456,457],{"class":55},"test\n",[49,459,460],{"class":51,"line":189},[49,461,462],{"class":55},"::\n",[10,464,465,466,469,470,472,473,476],{},"呼び出し元のコンポーネントは以下のように書きます。ファイル名は",[35,467,468],{},"Info.vue","です。注意点としてなぜか",[35,471,261],{},"タグを使うと",[35,474,475],{},"[Vue warn]: Hydration children mismatch...","というエラーが出たので使わない方が良さそうです。",[40,478,482],{"className":479,"code":480,"language":481,"meta":45,"style":45},"language-vue shiki shiki-themes github-dark","\u003Ctemplate>\n    \u003Cdiv class=\"p-4 rounded-md bg-blue-100 border border-blue-200\">\n        \u003Cdiv class=\"flex\">\n            \u003Cdiv class=\"flex-shrink-0\">\n                \u003Csvg class=\"h-5 w-5 text-blue-400\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\" aria-hidden=\"true\">\n                    \u003Cpath fill-rule=\"evenodd\"\n                        d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM9 9a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1z\"\n                        clip-rule=\"evenodd\" \u002F>\n                \u003C\u002Fsvg>\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"ml-3 text-sm text-blue-700\">\n                \u003Cslot \u002F>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue",[35,483,484,495,515,531,547,578,598,614,624,637,647,657,673,687,696,706,716],{"__ignoreMap":45},[49,485,486,489,492],{"class":51,"line":52},[49,487,488],{"class":55},"\u003C",[49,490,491],{"class":162},"template",[49,493,494],{"class":55},">\n",[49,496,497,500,503,507,510,513],{"class":51,"line":73},[49,498,499],{"class":55},"    \u003C",[49,501,502],{"class":162},"div",[49,504,506],{"class":505},"svObZ"," class",[49,508,509],{"class":55},"=",[49,511,512],{"class":169},"\"p-4 rounded-md bg-blue-100 border border-blue-200\"",[49,514,494],{"class":55},[49,516,517,520,522,524,526,529],{"class":51,"line":173},[49,518,519],{"class":55},"        \u003C",[49,521,502],{"class":162},[49,523,506],{"class":505},[49,525,509],{"class":55},[49,527,528],{"class":169},"\"flex\"",[49,530,494],{"class":55},[49,532,533,536,538,540,542,545],{"class":51,"line":184},[49,534,535],{"class":55},"            \u003C",[49,537,502],{"class":162},[49,539,506],{"class":505},[49,541,509],{"class":55},[49,543,544],{"class":169},"\"flex-shrink-0\"",[49,546,494],{"class":55},[49,548,549,552,555,557,559,562,565,567,570,573,575],{"class":51,"line":189},[49,550,551],{"class":55},"                \u003C",[49,553,554],{"class":162},"svg",[49,556,506],{"class":505},[49,558,509],{"class":55},[49,560,561],{"class":169},"\"h-5 w-5 text-blue-400\"",[49,563,564],{"class":505}," xmlns",[49,566,509],{"class":55},[49,568,569],{"class":169},"\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\"",[49,571,572],{"class":505}," viewBox",[49,574,509],{"class":55},[49,576,577],{"class":169},"\"0 0 20 20\"\n",[49,579,580,583,585,588,591,593,596],{"class":51,"line":196},[49,581,582],{"class":505},"                    fill",[49,584,509],{"class":55},[49,586,587],{"class":169},"\"currentColor\"",[49,589,590],{"class":505}," aria-hidden",[49,592,509],{"class":55},[49,594,595],{"class":169},"\"true\"",[49,597,494],{"class":55},[49,599,600,603,606,609,611],{"class":51,"line":392},[49,601,602],{"class":55},"                    \u003C",[49,604,605],{"class":162},"path",[49,607,608],{"class":505}," fill-rule",[49,610,509],{"class":55},[49,612,613],{"class":169},"\"evenodd\"\n",[49,615,616,619,621],{"class":51,"line":400},[49,617,618],{"class":505},"                        d",[49,620,509],{"class":55},[49,622,623],{"class":169},"\"M10 18a8 8 0 100-16 8 8 0 000 16zM9 9a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1z\"\n",[49,625,626,629,631,634],{"class":51,"line":411},[49,627,628],{"class":505},"                        clip-rule",[49,630,509],{"class":55},[49,632,633],{"class":169},"\"evenodd\"",[49,635,636],{"class":55}," \u002F>\n",[49,638,640,643,645],{"class":51,"line":639},10,[49,641,642],{"class":55},"                \u003C\u002F",[49,644,554],{"class":162},[49,646,494],{"class":55},[49,648,650,653,655],{"class":51,"line":649},11,[49,651,652],{"class":55},"            \u003C\u002F",[49,654,502],{"class":162},[49,656,494],{"class":55},[49,658,660,662,664,666,668,671],{"class":51,"line":659},12,[49,661,535],{"class":55},[49,663,502],{"class":162},[49,665,506],{"class":505},[49,667,509],{"class":55},[49,669,670],{"class":169},"\"ml-3 text-sm text-blue-700\"",[49,672,494],{"class":55},[49,674,676,678,681,685],{"class":51,"line":675},13,[49,677,551],{"class":55},[49,679,680],{"class":162},"slot",[49,682,684],{"class":683},"s6RL2"," \u002F",[49,686,494],{"class":55},[49,688,690,692,694],{"class":51,"line":689},14,[49,691,652],{"class":55},[49,693,502],{"class":162},[49,695,494],{"class":55},[49,697,699,702,704],{"class":51,"line":698},15,[49,700,701],{"class":55},"        \u003C\u002F",[49,703,502],{"class":162},[49,705,494],{"class":55},[49,707,709,712,714],{"class":51,"line":708},16,[49,710,711],{"class":55},"    \u003C\u002F",[49,713,502],{"class":162},[49,715,494],{"class":55},[49,717,719,722,724],{"class":51,"line":718},17,[49,720,721],{"class":55},"\u003C\u002F",[49,723,491],{"class":162},[49,725,494],{"class":55},[10,727,728],{},"上記は一番簡単なMDCのパターンです。ちょっと複雑なものとしてmarkdown側から引数を受け取ることも可能です。",[10,730,731],{},"コンポーネント側は以下のように書きます。",[40,733,735],{"className":479,"code":734,"language":481,"meta":45,"style":45},"\u003Cscript setup lang=\"ts\">\n\ninterface Props {\n    name: string\n}\nconst props = defineProps\u003CProps>();\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n    \u003Cdiv class=\" text-red-500 text-5xl\">\n        {{ props.name }}\n    \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[35,736,737,757,761,773,785,790,812,820,824,832,847,852,860],{"__ignoreMap":45},[49,738,739,741,744,747,750,752,755],{"class":51,"line":52},[49,740,488],{"class":55},[49,742,743],{"class":162},"script",[49,745,746],{"class":505}," setup",[49,748,749],{"class":505}," lang",[49,751,509],{"class":55},[49,753,754],{"class":169},"\"ts\"",[49,756,494],{"class":55},[49,758,759],{"class":51,"line":73},[49,760,193],{"emptyLinePlaceholder":192},[49,762,763,767,770],{"class":51,"line":173},[49,764,766],{"class":765},"snl16","interface",[49,768,769],{"class":505}," Props",[49,771,772],{"class":55}," {\n",[49,774,775,779,782],{"class":51,"line":184},[49,776,778],{"class":777},"s9osk","    name",[49,780,781],{"class":765},":",[49,783,784],{"class":388}," string\n",[49,786,787],{"class":51,"line":189},[49,788,789],{"class":55},"}\n",[49,791,792,795,798,801,804,806,809],{"class":51,"line":196},[49,793,794],{"class":765},"const",[49,796,797],{"class":388}," props",[49,799,800],{"class":765}," =",[49,802,803],{"class":505}," defineProps",[49,805,488],{"class":55},[49,807,808],{"class":505},"Props",[49,810,811],{"class":55},">();\n",[49,813,814,816,818],{"class":51,"line":392},[49,815,721],{"class":55},[49,817,743],{"class":162},[49,819,494],{"class":55},[49,821,822],{"class":51,"line":400},[49,823,193],{"emptyLinePlaceholder":192},[49,825,826,828,830],{"class":51,"line":411},[49,827,488],{"class":55},[49,829,491],{"class":162},[49,831,494],{"class":55},[49,833,834,836,838,840,842,845],{"class":51,"line":639},[49,835,499],{"class":55},[49,837,502],{"class":162},[49,839,506],{"class":505},[49,841,509],{"class":55},[49,843,844],{"class":169},"\" text-red-500 text-5xl\"",[49,846,494],{"class":55},[49,848,849],{"class":51,"line":649},[49,850,851],{"class":55},"        {{ props.name }}\n",[49,853,854,856,858],{"class":51,"line":659},[49,855,711],{"class":55},[49,857,502],{"class":162},[49,859,494],{"class":55},[49,861,862,864,866],{"class":51,"line":675},[49,863,721],{"class":55},[49,865,491],{"class":162},[49,867,494],{"class":55},[10,869,870],{},"markdown側では以下のように波括弧内に引数を書きます。",[40,872,874],{"className":42,"code":873,"language":44,"meta":45,"style":45},"# MDC test\n\n::info\ntest\n::\n\n::test{name=fuga}\n::\n",[35,875,876,880,884,888,892,896,900,905],{"__ignoreMap":45},[49,877,878],{"class":51,"line":52},[49,879,443],{"class":442},[49,881,882],{"class":51,"line":73},[49,883,193],{"emptyLinePlaceholder":192},[49,885,886],{"class":51,"line":173},[49,887,452],{"class":55},[49,889,890],{"class":51,"line":184},[49,891,457],{"class":55},[49,893,894],{"class":51,"line":189},[49,895,462],{"class":55},[49,897,898],{"class":51,"line":196},[49,899,193],{"emptyLinePlaceholder":192},[49,901,902],{"class":51,"line":392},[49,903,904],{"class":55},"::test{name=fuga}\n",[49,906,907],{"class":51,"line":400},[49,908,462],{"class":55},[10,910,911],{},"結果",[913,914],"img",{"alt":915,"img-src":916},"mdc","\u002Fimg\u002Fnuxt-content-mdc\u002Fmdc.png",[10,918,919,920,923,924,927,928,931],{},"注意点としてmarkdownで使いたいコンポーネントは通常の",[35,921,922],{},"components","フォルダに置くのではなく、",[35,925,926],{},"components\u002Fcontent","配下に置く必要があります。また、開発中に\nコンポーネントを追加・変更後は改めて",[35,929,930],{},"yarn dev","などを実行しないと反映されません。",[22,933,934],{"id":934},"新記事のテンプレート生成",[10,936,937],{},"上記で紹介したように、markdownで記事を書く際にフロントマターを細かく書かなければなりません。",[10,939,940,941,946],{},"毎回コピペと日付入力作業が面倒だったので、以前の",[17,942,945],{"href":943,"rel":944},"https:\u002F\u002Fgithub.com\u002Ftimlrx\u002Ftailwind-nextjs-starter-blog",[99],"Tailwind Nextjs Starter Blog","が使っていた新記事生成スクリプトを改造して使ってみたので紹介します。",[10,948,949],{},"スクリプトでは、手動入力が必要な項目がターミナルから入力を求められます。自分の場合はtitle,description,tagsは手動入力するようにしています。それ以外の作成日時などの項目は自動で入力されます。",[10,951,952],{},"こちらがコードです。",[40,954,958],{"className":955,"code":956,"language":957,"meta":45,"style":45},"language-js shiki shiki-themes github-dark","\u002F\u002F TypeScriptで使う場合、型定義をインポートまたは定義する\nimport inquirer from 'inquirer'\nimport dedent from 'dedent'\nimport path from 'path'\nimport fs from 'fs'\n\nconst genFrontMatter = (answers) => {\n  let d = new Date()\n  const date = [\n    d.getFullYear(),\n    ('0' + (d.getMonth() + 1)).slice(-2),\n    ('0' + d.getDate()).slice(-2),\n  ].join('-')\n  const tagArray = answers.tags.split(',')\n  tagArray.forEach((tag, index) => (tagArray[index] = tag.trim()))\n  const tags = \"'\" + tagArray.join(\"','\") + \"'\"\n\n  let frontMatter = dedent`---\n  title: ${answers.title ? answers.title : 'Untitled'}\n  createdAt: '${date}'\n  updatedAt: '${date}'\n  tags: [${answers.tags ? tags : ''}]\n  draft: ${answers.draft === 'yes' ? true : false}\n  description: ${answers.description ? answers.description : ' '}\n  thumbnail: '\u002Fimg\u002Ftwitter-card.png'\n  `\n\n  frontMatter = frontMatter + '\\n---'\n\n  return frontMatter\n}\n\ninquirer\n  .prompt([\n    {\n      name: 'title',\n      message: 'Enter post title:',\n      type: 'input',\n    },\n    {\n      name: 'description',\n      message: 'Enter post description:',\n      type: 'input',\n    },\n    {\n      name: 'draft',\n      message: 'Set post as draft?',\n      type: 'list',\n      choices: ['yes', 'no'],\n    },\n    {\n      name: 'tags',\n      message: 'Any Tags? Separate them with , or leave empty if no tags.',\n      type: 'input',\n    },\n  ])\n  .then((answers) => {\n    \u002F\u002F Remove special characters and replace space with -\n    const fileName = answers.title\n      .toLowerCase()\n      .replace(\u002F[^a-zA-Z0-9 ]\u002Fg, '')\n      .replace(\u002F \u002Fg, '-')\n      .replace(\u002F-+\u002Fg, '-')\n    const frontMatter = genFrontMatter(answers)\n    const filePath = `content\u002Fcontents\u002F${fileName ? fileName : 'untitled'}.md`\n    fs.writeFile(filePath, frontMatter, { flag: 'wx' }, (err) => {\n      if (err) {\n        throw err\n      } else {\n        console.log(`Blog post generated successfully at ${filePath}`)\n      }\n    })\n  })\n  .catch((error) => {\n    if (error.isTtyError) {\n      console.log(\"Prompt couldn't be rendered in the current environment\")\n    } else {\n      console.log('Something went wrong, sorry!')\n    }\n  })\n\n","js",[35,959,960,966,980,992,1004,1016,1020,1043,1062,1075,1086,1130,1157,1172,1194,1232,1263,1267,1283,1312,1324,1334,1355,1385,1410,1416,1422,1427,1448,1453,1462,1467,1472,1478,1490,1496,1508,1519,1530,1536,1541,1551,1561,1570,1575,1580,1590,1600,1610,1627,1632,1637,1647,1657,1666,1671,1677,1695,1701,1715,1726,1760,1781,1807,1822,1847,1874,1883,1892,1903,1925,1931,1937,1943,1962,1971,1986,1996,2010,2016],{"__ignoreMap":45},[49,961,962],{"class":51,"line":52},[49,963,965],{"class":964},"sAwPA","\u002F\u002F TypeScriptで使う場合、型定義をインポートまたは定義する\n",[49,967,968,971,974,977],{"class":51,"line":73},[49,969,970],{"class":765},"import",[49,972,973],{"class":55}," inquirer ",[49,975,976],{"class":765},"from",[49,978,979],{"class":169}," 'inquirer'\n",[49,981,982,984,987,989],{"class":51,"line":173},[49,983,970],{"class":765},[49,985,986],{"class":55}," dedent ",[49,988,976],{"class":765},[49,990,991],{"class":169}," 'dedent'\n",[49,993,994,996,999,1001],{"class":51,"line":184},[49,995,970],{"class":765},[49,997,998],{"class":55}," path ",[49,1000,976],{"class":765},[49,1002,1003],{"class":169}," 'path'\n",[49,1005,1006,1008,1011,1013],{"class":51,"line":189},[49,1007,970],{"class":765},[49,1009,1010],{"class":55}," fs ",[49,1012,976],{"class":765},[49,1014,1015],{"class":169}," 'fs'\n",[49,1017,1018],{"class":51,"line":196},[49,1019,193],{"emptyLinePlaceholder":192},[49,1021,1022,1024,1027,1029,1032,1035,1038,1041],{"class":51,"line":392},[49,1023,794],{"class":765},[49,1025,1026],{"class":505}," genFrontMatter",[49,1028,800],{"class":765},[49,1030,1031],{"class":55}," (",[49,1033,1034],{"class":777},"answers",[49,1036,1037],{"class":55},") ",[49,1039,1040],{"class":765},"=>",[49,1042,772],{"class":55},[49,1044,1045,1048,1051,1053,1056,1059],{"class":51,"line":400},[49,1046,1047],{"class":765},"  let",[49,1049,1050],{"class":55}," d ",[49,1052,509],{"class":765},[49,1054,1055],{"class":765}," new",[49,1057,1058],{"class":505}," Date",[49,1060,1061],{"class":55},"()\n",[49,1063,1064,1067,1070,1072],{"class":51,"line":411},[49,1065,1066],{"class":765},"  const",[49,1068,1069],{"class":388}," date",[49,1071,800],{"class":765},[49,1073,1074],{"class":55}," [\n",[49,1076,1077,1080,1083],{"class":51,"line":639},[49,1078,1079],{"class":55},"    d.",[49,1081,1082],{"class":505},"getFullYear",[49,1084,1085],{"class":55},"(),\n",[49,1087,1088,1091,1094,1097,1100,1103,1106,1109,1112,1115,1118,1121,1124,1127],{"class":51,"line":649},[49,1089,1090],{"class":55},"    (",[49,1092,1093],{"class":169},"'0'",[49,1095,1096],{"class":765}," +",[49,1098,1099],{"class":55}," (d.",[49,1101,1102],{"class":505},"getMonth",[49,1104,1105],{"class":55},"() ",[49,1107,1108],{"class":765},"+",[49,1110,1111],{"class":388}," 1",[49,1113,1114],{"class":55},")).",[49,1116,1117],{"class":505},"slice",[49,1119,1120],{"class":55},"(",[49,1122,1123],{"class":765},"-",[49,1125,1126],{"class":388},"2",[49,1128,1129],{"class":55},"),\n",[49,1131,1132,1134,1136,1138,1141,1144,1147,1149,1151,1153,1155],{"class":51,"line":659},[49,1133,1090],{"class":55},[49,1135,1093],{"class":169},[49,1137,1096],{"class":765},[49,1139,1140],{"class":55}," d.",[49,1142,1143],{"class":505},"getDate",[49,1145,1146],{"class":55},"()).",[49,1148,1117],{"class":505},[49,1150,1120],{"class":55},[49,1152,1123],{"class":765},[49,1154,1126],{"class":388},[49,1156,1129],{"class":55},[49,1158,1159,1162,1165,1167,1170],{"class":51,"line":675},[49,1160,1161],{"class":55},"  ].",[49,1163,1164],{"class":505},"join",[49,1166,1120],{"class":55},[49,1168,1169],{"class":169},"'-'",[49,1171,88],{"class":55},[49,1173,1174,1176,1179,1181,1184,1187,1189,1192],{"class":51,"line":689},[49,1175,1066],{"class":765},[49,1177,1178],{"class":388}," tagArray",[49,1180,800],{"class":765},[49,1182,1183],{"class":55}," answers.tags.",[49,1185,1186],{"class":505},"split",[49,1188,1120],{"class":55},[49,1190,1191],{"class":169},"','",[49,1193,88],{"class":55},[49,1195,1196,1199,1202,1205,1208,1211,1214,1216,1218,1221,1223,1226,1229],{"class":51,"line":698},[49,1197,1198],{"class":55},"  tagArray.",[49,1200,1201],{"class":505},"forEach",[49,1203,1204],{"class":55},"((",[49,1206,1207],{"class":777},"tag",[49,1209,1210],{"class":55},", ",[49,1212,1213],{"class":777},"index",[49,1215,1037],{"class":55},[49,1217,1040],{"class":765},[49,1219,1220],{"class":55}," (tagArray[index] ",[49,1222,509],{"class":765},[49,1224,1225],{"class":55}," tag.",[49,1227,1228],{"class":505},"trim",[49,1230,1231],{"class":55},"()))\n",[49,1233,1234,1236,1239,1241,1244,1246,1249,1251,1253,1256,1258,1260],{"class":51,"line":708},[49,1235,1066],{"class":765},[49,1237,1238],{"class":388}," tags",[49,1240,800],{"class":765},[49,1242,1243],{"class":169}," \"'\"",[49,1245,1096],{"class":765},[49,1247,1248],{"class":55}," tagArray.",[49,1250,1164],{"class":505},[49,1252,1120],{"class":55},[49,1254,1255],{"class":169},"\"','\"",[49,1257,1037],{"class":55},[49,1259,1108],{"class":765},[49,1261,1262],{"class":169}," \"'\"\n",[49,1264,1265],{"class":51,"line":718},[49,1266,193],{"emptyLinePlaceholder":192},[49,1268,1270,1272,1275,1277,1280],{"class":51,"line":1269},18,[49,1271,1047],{"class":765},[49,1273,1274],{"class":55}," frontMatter ",[49,1276,509],{"class":765},[49,1278,1279],{"class":505}," dedent",[49,1281,1282],{"class":169},"`---\n",[49,1284,1286,1289,1291,1294,1296,1299,1302,1304,1306,1309],{"class":51,"line":1285},19,[49,1287,1288],{"class":169},"  title: ${",[49,1290,1034],{"class":55},[49,1292,1293],{"class":169},".",[49,1295,163],{"class":55},[49,1297,1298],{"class":765}," ?",[49,1300,1301],{"class":55}," answers",[49,1303,1293],{"class":169},[49,1305,163],{"class":55},[49,1307,1308],{"class":765}," :",[49,1310,1311],{"class":169}," 'Untitled'}\n",[49,1313,1315,1318,1321],{"class":51,"line":1314},20,[49,1316,1317],{"class":169},"  createdAt: '${",[49,1319,1320],{"class":55},"date",[49,1322,1323],{"class":169},"}'\n",[49,1325,1327,1330,1332],{"class":51,"line":1326},21,[49,1328,1329],{"class":169},"  updatedAt: '${",[49,1331,1320],{"class":55},[49,1333,1323],{"class":169},[49,1335,1337,1340,1342,1344,1346,1348,1350,1352],{"class":51,"line":1336},22,[49,1338,1339],{"class":169},"  tags: [${",[49,1341,1034],{"class":55},[49,1343,1293],{"class":169},[49,1345,364],{"class":55},[49,1347,1298],{"class":765},[49,1349,1238],{"class":55},[49,1351,1308],{"class":765},[49,1353,1354],{"class":169}," ''}]\n",[49,1356,1358,1361,1363,1365,1367,1370,1373,1375,1378,1380,1383],{"class":51,"line":1357},23,[49,1359,1360],{"class":169},"  draft: ${",[49,1362,1034],{"class":55},[49,1364,1293],{"class":169},[49,1366,269],{"class":55},[49,1368,1369],{"class":765}," ===",[49,1371,1372],{"class":169}," 'yes'",[49,1374,1298],{"class":765},[49,1376,1377],{"class":388}," true",[49,1379,1308],{"class":765},[49,1381,1382],{"class":388}," false",[49,1384,789],{"class":169},[49,1386,1388,1391,1393,1395,1397,1399,1401,1403,1405,1407],{"class":51,"line":1387},24,[49,1389,1390],{"class":169},"  description: ${",[49,1392,1034],{"class":55},[49,1394,1293],{"class":169},[49,1396,176],{"class":55},[49,1398,1298],{"class":765},[49,1400,1301],{"class":55},[49,1402,1293],{"class":169},[49,1404,176],{"class":55},[49,1406,1308],{"class":765},[49,1408,1409],{"class":169}," ' '}\n",[49,1411,1413],{"class":51,"line":1412},25,[49,1414,1415],{"class":169},"  thumbnail: '\u002Fimg\u002Ftwitter-card.png'\n",[49,1417,1419],{"class":51,"line":1418},26,[49,1420,1421],{"class":169},"  `\n",[49,1423,1425],{"class":51,"line":1424},27,[49,1426,193],{"emptyLinePlaceholder":192},[49,1428,1430,1433,1435,1437,1439,1442,1445],{"class":51,"line":1429},28,[49,1431,1432],{"class":55},"  frontMatter ",[49,1434,509],{"class":765},[49,1436,1274],{"class":55},[49,1438,1108],{"class":765},[49,1440,1441],{"class":169}," '",[49,1443,1444],{"class":388},"\\n",[49,1446,1447],{"class":169},"---'\n",[49,1449,1451],{"class":51,"line":1450},29,[49,1452,193],{"emptyLinePlaceholder":192},[49,1454,1456,1459],{"class":51,"line":1455},30,[49,1457,1458],{"class":765},"  return",[49,1460,1461],{"class":55}," frontMatter\n",[49,1463,1465],{"class":51,"line":1464},31,[49,1466,789],{"class":55},[49,1468,1470],{"class":51,"line":1469},32,[49,1471,193],{"emptyLinePlaceholder":192},[49,1473,1475],{"class":51,"line":1474},33,[49,1476,1477],{"class":55},"inquirer\n",[49,1479,1481,1484,1487],{"class":51,"line":1480},34,[49,1482,1483],{"class":55},"  .",[49,1485,1486],{"class":505},"prompt",[49,1488,1489],{"class":55},"([\n",[49,1491,1493],{"class":51,"line":1492},35,[49,1494,1495],{"class":55},"    {\n",[49,1497,1499,1502,1505],{"class":51,"line":1498},36,[49,1500,1501],{"class":55},"      name: ",[49,1503,1504],{"class":169},"'title'",[49,1506,1507],{"class":55},",\n",[49,1509,1511,1514,1517],{"class":51,"line":1510},37,[49,1512,1513],{"class":55},"      message: ",[49,1515,1516],{"class":169},"'Enter post title:'",[49,1518,1507],{"class":55},[49,1520,1522,1525,1528],{"class":51,"line":1521},38,[49,1523,1524],{"class":55},"      type: ",[49,1526,1527],{"class":169},"'input'",[49,1529,1507],{"class":55},[49,1531,1533],{"class":51,"line":1532},39,[49,1534,1535],{"class":55},"    },\n",[49,1537,1539],{"class":51,"line":1538},40,[49,1540,1495],{"class":55},[49,1542,1544,1546,1549],{"class":51,"line":1543},41,[49,1545,1501],{"class":55},[49,1547,1548],{"class":169},"'description'",[49,1550,1507],{"class":55},[49,1552,1554,1556,1559],{"class":51,"line":1553},42,[49,1555,1513],{"class":55},[49,1557,1558],{"class":169},"'Enter post description:'",[49,1560,1507],{"class":55},[49,1562,1564,1566,1568],{"class":51,"line":1563},43,[49,1565,1524],{"class":55},[49,1567,1527],{"class":169},[49,1569,1507],{"class":55},[49,1571,1573],{"class":51,"line":1572},44,[49,1574,1535],{"class":55},[49,1576,1578],{"class":51,"line":1577},45,[49,1579,1495],{"class":55},[49,1581,1583,1585,1588],{"class":51,"line":1582},46,[49,1584,1501],{"class":55},[49,1586,1587],{"class":169},"'draft'",[49,1589,1507],{"class":55},[49,1591,1593,1595,1598],{"class":51,"line":1592},47,[49,1594,1513],{"class":55},[49,1596,1597],{"class":169},"'Set post as draft?'",[49,1599,1507],{"class":55},[49,1601,1603,1605,1608],{"class":51,"line":1602},48,[49,1604,1524],{"class":55},[49,1606,1607],{"class":169},"'list'",[49,1609,1507],{"class":55},[49,1611,1613,1616,1619,1621,1624],{"class":51,"line":1612},49,[49,1614,1615],{"class":55},"      choices: [",[49,1617,1618],{"class":169},"'yes'",[49,1620,1210],{"class":55},[49,1622,1623],{"class":169},"'no'",[49,1625,1626],{"class":55},"],\n",[49,1628,1630],{"class":51,"line":1629},50,[49,1631,1535],{"class":55},[49,1633,1635],{"class":51,"line":1634},51,[49,1636,1495],{"class":55},[49,1638,1640,1642,1645],{"class":51,"line":1639},52,[49,1641,1501],{"class":55},[49,1643,1644],{"class":169},"'tags'",[49,1646,1507],{"class":55},[49,1648,1650,1652,1655],{"class":51,"line":1649},53,[49,1651,1513],{"class":55},[49,1653,1654],{"class":169},"'Any Tags? Separate them with , or leave empty if no tags.'",[49,1656,1507],{"class":55},[49,1658,1660,1662,1664],{"class":51,"line":1659},54,[49,1661,1524],{"class":55},[49,1663,1527],{"class":169},[49,1665,1507],{"class":55},[49,1667,1669],{"class":51,"line":1668},55,[49,1670,1535],{"class":55},[49,1672,1674],{"class":51,"line":1673},56,[49,1675,1676],{"class":55},"  ])\n",[49,1678,1680,1682,1685,1687,1689,1691,1693],{"class":51,"line":1679},57,[49,1681,1483],{"class":55},[49,1683,1684],{"class":505},"then",[49,1686,1204],{"class":55},[49,1688,1034],{"class":777},[49,1690,1037],{"class":55},[49,1692,1040],{"class":765},[49,1694,772],{"class":55},[49,1696,1698],{"class":51,"line":1697},58,[49,1699,1700],{"class":964},"    \u002F\u002F Remove special characters and replace space with -\n",[49,1702,1704,1707,1710,1712],{"class":51,"line":1703},59,[49,1705,1706],{"class":765},"    const",[49,1708,1709],{"class":388}," fileName",[49,1711,800],{"class":765},[49,1713,1714],{"class":55}," answers.title\n",[49,1716,1718,1721,1724],{"class":51,"line":1717},60,[49,1719,1720],{"class":55},"      .",[49,1722,1723],{"class":505},"toLowerCase",[49,1725,1061],{"class":55},[49,1727,1729,1731,1734,1736,1739,1742,1745,1748,1750,1753,1755,1758],{"class":51,"line":1728},61,[49,1730,1720],{"class":55},[49,1732,1733],{"class":505},"replace",[49,1735,1120],{"class":55},[49,1737,1738],{"class":169},"\u002F",[49,1740,1741],{"class":388},"[",[49,1743,1744],{"class":765},"^",[49,1746,1747],{"class":388},"a-zA-Z0-9 ]",[49,1749,1738],{"class":169},[49,1751,1752],{"class":765},"g",[49,1754,1210],{"class":55},[49,1756,1757],{"class":169},"''",[49,1759,88],{"class":55},[49,1761,1763,1765,1767,1769,1771,1773,1775,1777,1779],{"class":51,"line":1762},62,[49,1764,1720],{"class":55},[49,1766,1733],{"class":505},[49,1768,1120],{"class":55},[49,1770,1738],{"class":169},[49,1772,684],{"class":169},[49,1774,1752],{"class":765},[49,1776,1210],{"class":55},[49,1778,1169],{"class":169},[49,1780,88],{"class":55},[49,1782,1784,1786,1788,1790,1792,1795,1797,1799,1801,1803,1805],{"class":51,"line":1783},63,[49,1785,1720],{"class":55},[49,1787,1733],{"class":505},[49,1789,1120],{"class":55},[49,1791,1738],{"class":169},[49,1793,1123],{"class":1794},"sns5M",[49,1796,1108],{"class":765},[49,1798,1738],{"class":169},[49,1800,1752],{"class":765},[49,1802,1210],{"class":55},[49,1804,1169],{"class":169},[49,1806,88],{"class":55},[49,1808,1810,1812,1815,1817,1819],{"class":51,"line":1809},64,[49,1811,1706],{"class":765},[49,1813,1814],{"class":388}," frontMatter",[49,1816,800],{"class":765},[49,1818,1026],{"class":505},[49,1820,1821],{"class":55},"(answers)\n",[49,1823,1825,1827,1830,1832,1835,1838,1840,1842,1844],{"class":51,"line":1824},65,[49,1826,1706],{"class":765},[49,1828,1829],{"class":388}," filePath",[49,1831,800],{"class":765},[49,1833,1834],{"class":169}," `content\u002Fcontents\u002F${",[49,1836,1837],{"class":55},"fileName",[49,1839,1298],{"class":765},[49,1841,1709],{"class":55},[49,1843,1308],{"class":765},[49,1845,1846],{"class":169}," 'untitled'}.md`\n",[49,1848,1850,1853,1856,1859,1862,1865,1868,1870,1872],{"class":51,"line":1849},66,[49,1851,1852],{"class":55},"    fs.",[49,1854,1855],{"class":505},"writeFile",[49,1857,1858],{"class":55},"(filePath, frontMatter, { flag: ",[49,1860,1861],{"class":169},"'wx'",[49,1863,1864],{"class":55}," }, (",[49,1866,1867],{"class":777},"err",[49,1869,1037],{"class":55},[49,1871,1040],{"class":765},[49,1873,772],{"class":55},[49,1875,1877,1880],{"class":51,"line":1876},67,[49,1878,1879],{"class":765},"      if",[49,1881,1882],{"class":55}," (err) {\n",[49,1884,1886,1889],{"class":51,"line":1885},68,[49,1887,1888],{"class":765},"        throw",[49,1890,1891],{"class":55}," err\n",[49,1893,1895,1898,1901],{"class":51,"line":1894},69,[49,1896,1897],{"class":55},"      } ",[49,1899,1900],{"class":765},"else",[49,1902,772],{"class":55},[49,1904,1906,1909,1912,1914,1917,1920,1923],{"class":51,"line":1905},70,[49,1907,1908],{"class":55},"        console.",[49,1910,1911],{"class":505},"log",[49,1913,1120],{"class":55},[49,1915,1916],{"class":169},"`Blog post generated successfully at ${",[49,1918,1919],{"class":55},"filePath",[49,1921,1922],{"class":169},"}`",[49,1924,88],{"class":55},[49,1926,1928],{"class":51,"line":1927},71,[49,1929,1930],{"class":55},"      }\n",[49,1932,1934],{"class":51,"line":1933},72,[49,1935,1936],{"class":55},"    })\n",[49,1938,1940],{"class":51,"line":1939},73,[49,1941,1942],{"class":55},"  })\n",[49,1944,1946,1948,1951,1953,1956,1958,1960],{"class":51,"line":1945},74,[49,1947,1483],{"class":55},[49,1949,1950],{"class":505},"catch",[49,1952,1204],{"class":55},[49,1954,1955],{"class":777},"error",[49,1957,1037],{"class":55},[49,1959,1040],{"class":765},[49,1961,772],{"class":55},[49,1963,1965,1968],{"class":51,"line":1964},75,[49,1966,1967],{"class":765},"    if",[49,1969,1970],{"class":55}," (error.isTtyError) {\n",[49,1972,1974,1977,1979,1981,1984],{"class":51,"line":1973},76,[49,1975,1976],{"class":55},"      console.",[49,1978,1911],{"class":505},[49,1980,1120],{"class":55},[49,1982,1983],{"class":169},"\"Prompt couldn't be rendered in the current environment\"",[49,1985,88],{"class":55},[49,1987,1989,1992,1994],{"class":51,"line":1988},77,[49,1990,1991],{"class":55},"    } ",[49,1993,1900],{"class":765},[49,1995,772],{"class":55},[49,1997,1999,2001,2003,2005,2008],{"class":51,"line":1998},78,[49,2000,1976],{"class":55},[49,2002,1911],{"class":505},[49,2004,1120],{"class":55},[49,2006,2007],{"class":169},"'Something went wrong, sorry!'",[49,2009,88],{"class":55},[49,2011,2013],{"class":51,"line":2012},79,[49,2014,2015],{"class":55},"    }\n",[49,2017,2019],{"class":51,"line":2018},80,[49,2020,1942],{"class":55},[10,2022,2023,2024,2027,2028,2031],{},"このコードを",[35,2025,2026],{},"scripts","配下において新記事作成を行う際は",[35,2029,2030],{},"node .\u002Fscripts\u002Fcompose.js","で実行しています。",[10,2033,2034],{},"実行するとターミナルでtitleやtagsなどを入力でき、実行後はそれらがフロントマターに反映された状態でmarkdownファイルが生成されます。",[22,2036,2037],{"id":2037},"まとめ",[10,2039,2040],{},"今回は前回の環境構築系の話に続く第二弾として実際の記事の書き方などについて紹介しました。フロントマターやコンポーネントを駆使して適度にカスタマイズできるのがNuxt Contentのいいところですね。",[10,2042,2043],{},"次回は一般的なブログでよく使われるページの作り方を紹介しようと思います。",[2045,2046,2047],"style",{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sSArK, html code.shiki .sSArK{--shiki-default:#DBEDFF;--shiki-default-text-decoration:underline}html pre.shiki code .sKT0L, html code.shiki .sKT0L{--shiki-default:#E1E4E8;--shiki-default-text-decoration:underline}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 pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .sIZOC, html code.shiki .sIZOC{--shiki-default:#79B8FF;--shiki-default-font-weight:bold}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s6RL2, html code.shiki .s6RL2{--shiki-default:#FDAEB7;--shiki-default-font-style:italic}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .s9osk, html code.shiki .s9osk{--shiki-default:#FFAB70}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .sns5M, html code.shiki .sns5M{--shiki-default:#DBEDFF}",{"title":45,"searchDepth":73,"depth":73,"links":2049},[2050,2051,2052,2053,2054],{"id":24,"depth":73,"text":24},{"id":141,"depth":73,"text":141},{"id":416,"depth":73,"text":416},{"id":934,"depth":73,"text":934},{"id":2037,"depth":73,"text":2037},"2023-09-25","Nuxt Content v2を利用したブログ記事の作成方法として、画像や内部リンクの書き方、コンポーネントのmarkdownでの利用方法を紹介してます。",false,{},"\u002Fcontents\u002Fnuxt-content-v2",{"title":5,"description":2056},"contents\u002Fnuxt-content-v2",[2063,2064],"Nuxt","Nuxt Content v2","\u002Fimg\u002Ftwitter-card.png","AWPU7UDEeALX6AUno9ycQ0TVuctEIxI7iBLtkE6D_do",[2068,2071],{"title":20,"path":2069,"stem":2070,"children":-1},"\u002Fcontents\u002Fnuxt-3nuxt-content-v2","contents\u002Fnuxt-3nuxt-content-v2",{"title":2072,"path":2073,"stem":2074,"children":-1},"Nuxt Content v2とNuxt3を利用したブログのSEO対策ガイド","\u002Fcontents\u002Fnuxt-content-v2seo","contents\u002Fnuxt-content-v2seo",1785899327303]