[{"data":1,"prerenderedAt":526},["ShallowReactive",2],{"content-ja-\u002Finstall":3},{"id":4,"title":5,"body":6,"description":519,"extension":520,"meta":521,"navigation":90,"path":522,"seo":523,"stem":524,"__hash__":525},"content_ja\u002Finstall.md","インストール",{"type":7,"value":8,"toc":513},"minimark",[9,12,38,46,51,62,162,165,237,241,256,379,383,389,472,475,509],[10,11,5],"h1",{"id":5},[13,14,19],"pre",{"className":15,"code":16,"language":17,"meta":18,"style":18},"language-bash shiki shiki-themes github-light github-dark","npm install @b4moss\u002Fhyogen-md\n","bash","",[20,21,22],"code",{"__ignoreMap":18},[23,24,27,31,35],"span",{"class":25,"line":26},"line",1,[23,28,30],{"class":29},"sScJk","npm",[23,32,34],{"class":33},"sZZnC"," install",[23,36,37],{"class":33}," @b4moss\u002Fhyogen-md\n",[39,40,41,45],"p",{},[42,43,44],"strong",{},"Node.js >= 20"," が必要です。",[47,48,50],"h2",{"id":49},"クイックスタートサーバー","クイックスタート（サーバー）",[39,52,53,54,57,58,61],{},"SSR や Node 上でのレンダリングには ",[20,55,56],{},"renderServer"," を使います。",[20,59,60],{},"loader"," を省略すると、ファイルシステムとリモート URL を読み込むデフォルト loader が使われます。",[13,63,67],{"className":64,"code":65,"language":66,"meta":18,"style":18},"language-ts shiki shiki-themes github-light github-dark","import { renderServer } from '@b4moss\u002Fhyogen-md'\n\nconst result = await renderServer('# Hello {{ name }}', {\n  name: 'world',\n})\n\nconsole.log(result.markdown)\n\u002F\u002F # Hello world\n","ts",[20,68,69,85,92,120,132,138,143,155],{"__ignoreMap":18},[23,70,71,75,79,82],{"class":25,"line":26},[23,72,74],{"class":73},"szBVR","import",[23,76,78],{"class":77},"sVt8B"," { renderServer } ",[23,80,81],{"class":73},"from",[23,83,84],{"class":33}," '@b4moss\u002Fhyogen-md'\n",[23,86,88],{"class":25,"line":87},2,[23,89,91],{"emptyLinePlaceholder":90},true,"\n",[23,93,95,98,102,105,108,111,114,117],{"class":25,"line":94},3,[23,96,97],{"class":73},"const",[23,99,101],{"class":100},"sj4cs"," result",[23,103,104],{"class":73}," =",[23,106,107],{"class":73}," await",[23,109,110],{"class":29}," renderServer",[23,112,113],{"class":77},"(",[23,115,116],{"class":33},"'# Hello {{ name }}'",[23,118,119],{"class":77},", {\n",[23,121,123,126,129],{"class":25,"line":122},4,[23,124,125],{"class":77},"  name: ",[23,127,128],{"class":33},"'world'",[23,130,131],{"class":77},",\n",[23,133,135],{"class":25,"line":134},5,[23,136,137],{"class":77},"})\n",[23,139,141],{"class":25,"line":140},6,[23,142,91],{"emptyLinePlaceholder":90},[23,144,146,149,152],{"class":25,"line":145},7,[23,147,148],{"class":77},"console.",[23,150,151],{"class":29},"log",[23,153,154],{"class":77},"(result.markdown)\n",[23,156,158],{"class":25,"line":157},8,[23,159,161],{"class":160},"sJ8bj","\u002F\u002F # Hello world\n",[39,163,164],{},"ファイルパスを指定する場合:",[13,166,168],{"className":64,"code":167,"language":66,"meta":18,"style":18},"import { renderServer, createNodeLoader } from '@b4moss\u002Fhyogen-md'\n\nconst result = await renderServer(\n  { path: '.\u002Fpages\u002Findex.md' },\n  { title: 'Hello' },\n  { loader: createNodeLoader() },\n)\n",[20,169,170,181,185,200,211,221,232],{"__ignoreMap":18},[23,171,172,174,177,179],{"class":25,"line":26},[23,173,74],{"class":73},[23,175,176],{"class":77}," { renderServer, createNodeLoader } ",[23,178,81],{"class":73},[23,180,84],{"class":33},[23,182,183],{"class":25,"line":87},[23,184,91],{"emptyLinePlaceholder":90},[23,186,187,189,191,193,195,197],{"class":25,"line":94},[23,188,97],{"class":73},[23,190,101],{"class":100},[23,192,104],{"class":73},[23,194,107],{"class":73},[23,196,110],{"class":29},[23,198,199],{"class":77},"(\n",[23,201,202,205,208],{"class":25,"line":122},[23,203,204],{"class":77},"  { path: ",[23,206,207],{"class":33},"'.\u002Fpages\u002Findex.md'",[23,209,210],{"class":77}," },\n",[23,212,213,216,219],{"class":25,"line":134},[23,214,215],{"class":77},"  { title: ",[23,217,218],{"class":33},"'Hello'",[23,220,210],{"class":77},[23,222,223,226,229],{"class":25,"line":140},[23,224,225],{"class":77},"  { loader: ",[23,227,228],{"class":29},"createNodeLoader",[23,230,231],{"class":77},"() },\n",[23,233,234],{"class":25,"line":145},[23,235,236],{"class":77},")\n",[47,238,240],{"id":239},"クイックスタートクライアント","クイックスタート（クライアント）",[39,242,243,244,247,248,251,252,255],{},"ブラウザでは ",[20,245,246],{},"@b4moss\u002Fhyogen-md\u002Fclient"," から ",[20,249,250],{},"renderClient"," を import します。",[42,253,254],{},"loader は必須","です。",[13,257,259],{"className":64,"code":258,"language":66,"meta":18,"style":18},"import { renderClient } from '@b4moss\u002Fhyogen-md\u002Fclient'\n\nconst result = await renderClient(\n  { path: '\u002Fsrc\u002Findex.md' },\n  { siteName: 'Demo' },\n  {\n    loader: async (path) => {\n      \u002F\u002F 仮想 FS や fetch など、呼び出し側で実装\n      return await readSomewhere(path)\n    },\n  },\n)\n",[20,260,261,273,277,292,301,311,316,343,348,362,368,374],{"__ignoreMap":18},[23,262,263,265,268,270],{"class":25,"line":26},[23,264,74],{"class":73},[23,266,267],{"class":77}," { renderClient } ",[23,269,81],{"class":73},[23,271,272],{"class":33}," '@b4moss\u002Fhyogen-md\u002Fclient'\n",[23,274,275],{"class":25,"line":87},[23,276,91],{"emptyLinePlaceholder":90},[23,278,279,281,283,285,287,290],{"class":25,"line":94},[23,280,97],{"class":73},[23,282,101],{"class":100},[23,284,104],{"class":73},[23,286,107],{"class":73},[23,288,289],{"class":29}," renderClient",[23,291,199],{"class":77},[23,293,294,296,299],{"class":25,"line":122},[23,295,204],{"class":77},[23,297,298],{"class":33},"'\u002Fsrc\u002Findex.md'",[23,300,210],{"class":77},[23,302,303,306,309],{"class":25,"line":134},[23,304,305],{"class":77},"  { siteName: ",[23,307,308],{"class":33},"'Demo'",[23,310,210],{"class":77},[23,312,313],{"class":25,"line":140},[23,314,315],{"class":77},"  {\n",[23,317,318,321,324,327,330,334,337,340],{"class":25,"line":145},[23,319,320],{"class":29},"    loader",[23,322,323],{"class":77},": ",[23,325,326],{"class":73},"async",[23,328,329],{"class":77}," (",[23,331,333],{"class":332},"s4XuR","path",[23,335,336],{"class":77},") ",[23,338,339],{"class":73},"=>",[23,341,342],{"class":77}," {\n",[23,344,345],{"class":25,"line":157},[23,346,347],{"class":160},"      \u002F\u002F 仮想 FS や fetch など、呼び出し側で実装\n",[23,349,351,354,356,359],{"class":25,"line":350},9,[23,352,353],{"class":73},"      return",[23,355,107],{"class":73},[23,357,358],{"class":29}," readSomewhere",[23,360,361],{"class":77},"(path)\n",[23,363,365],{"class":25,"line":364},10,[23,366,367],{"class":77},"    },\n",[23,369,371],{"class":25,"line":370},11,[23,372,373],{"class":77},"  },\n",[23,375,377],{"class":25,"line":376},12,[23,378,236],{"class":77},[47,380,382],{"id":381},"クイックスタートssg","クイックスタート（SSG）",[39,384,385,386,57],{},"複数ファイルを一括でレンダリングするには ",[20,387,388],{},"build",[13,390,392],{"className":64,"code":391,"language":66,"meta":18,"style":18},"import { build } from '@b4moss\u002Fhyogen-md'\n\nconst { files, warnings } = await build({\n  input: '.\u002Fsrc\u002F**\u002F*.md',\n  outDir: '.\u002Fout',\n  context: { siteName: 'Demo' },\n})\n",[20,393,394,405,409,439,449,459,468],{"__ignoreMap":18},[23,395,396,398,401,403],{"class":25,"line":26},[23,397,74],{"class":73},[23,399,400],{"class":77}," { build } ",[23,402,81],{"class":73},[23,404,84],{"class":33},[23,406,407],{"class":25,"line":87},[23,408,91],{"emptyLinePlaceholder":90},[23,410,411,413,416,419,422,425,428,431,433,436],{"class":25,"line":94},[23,412,97],{"class":73},[23,414,415],{"class":77}," { ",[23,417,418],{"class":100},"files",[23,420,421],{"class":77},", ",[23,423,424],{"class":100},"warnings",[23,426,427],{"class":77}," } ",[23,429,430],{"class":73},"=",[23,432,107],{"class":73},[23,434,435],{"class":29}," build",[23,437,438],{"class":77},"({\n",[23,440,441,444,447],{"class":25,"line":122},[23,442,443],{"class":77},"  input: ",[23,445,446],{"class":33},"'.\u002Fsrc\u002F**\u002F*.md'",[23,448,131],{"class":77},[23,450,451,454,457],{"class":25,"line":134},[23,452,453],{"class":77},"  outDir: ",[23,455,456],{"class":33},"'.\u002Fout'",[23,458,131],{"class":77},[23,460,461,464,466],{"class":25,"line":140},[23,462,463],{"class":77},"  context: { siteName: ",[23,465,308],{"class":33},[23,467,210],{"class":77},[23,469,470],{"class":25,"line":145},[23,471,137],{"class":77},[47,473,474],{"id":474},"次のステップ",[476,477,478,487,502],"ul",{},[479,480,481,486],"li",{},[482,483,485],"a",{"href":484},"\u002Fja\u002Fapi","API リファレンス"," — 関数・型の詳細",[479,488,489,493,494,497,498,501],{},[482,490,492],{"href":491},"\u002Fja\u002Fsyntax","テンプレート構文"," — ",[20,495,496],{},"@hg"," ブロックや ",[20,499,500],{},"{{ }}"," の書き方",[479,503,504,508],{},[482,505,507],{"href":506},"\u002Fplayground","Playground"," — ブラウザで試す",[510,511,512],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":18,"searchDepth":87,"depth":87,"links":514},[515,516,517,518],{"id":49,"depth":87,"text":50},{"id":239,"depth":87,"text":240},{"id":381,"depth":87,"text":382},{"id":474,"depth":87,"text":474},"@b4moss\u002Fhyogen-md のインストールとクイックスタート","md",{},"\u002Finstall",{"title":5,"description":519},"install","RNUTw2JW7-UL48j-thdUkbiZ_2Xu_-Hwvi9BFObegp4",1787223114241]