[{"data":1,"prerenderedAt":527},["ShallowReactive",2],{"wiki-page-\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian":3,"wiki-doc-items-\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian":492,"language-switcher-data-\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian":511,"wiki-i18n-paths-\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian":526},{"id":4,"title":5,"body":6,"canonicalPath":474,"chapterDepth":475,"chapterOrder":476,"date":330,"description":477,"docI18nKey":478,"docKey":479,"docRoot":480,"docTitle":481,"extension":482,"i18nKey":483,"isBlogPost":484,"isWikiDoc":371,"isWikiIndex":484,"layout":485,"legacyPath":486,"locale":487,"localeSlug":488,"meta":489,"navigation":371,"path":474,"seo":490,"sourcePath":486,"sourceStem":483,"stem":483,"wikiDepth":76,"__hash__":491},"content\u002Fwiki\u002F2025-12-25-MarkDown教程\u002F0200-环境搭建.md","环境搭建",{"type":7,"value":8,"toc":470},"minimark",[9,13,26,34,40,47,50,55,58,64,154,158,164,167,173,178,185,195,228,234,285,295,298,322,336,339,342,345,352,355,450,453,458,461,466],[10,11,12],"h1",{"id":12},"安装",[14,15,16,17,21,22,25],"p",{},"首先可以安装一个VScode插件叫做",[18,19,20],"code",{},"Markdown All in One",",然后还有",[18,23,24],{},"Markdown Preview Enhanced",".",[14,27,28],{},[29,30,31],"a",{"href":31,"rel":32},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=yzhang.markdown-all-in-one",[33],"nofollow",[14,35,36],{},[29,37,38],{"href":38,"rel":39},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=shd101wyy.markdown-preview-enhanced",[33],[14,41,42],{},[43,44],"img",{"alt":45,"src":46},"","https:\u002F\u002Fcdn.tungchiahui.cn\u002Ftungwebsite\u002Fassets\u002Fimages\u002F2025\u002F12\u002F25\u002F1787036895321-6b09b664.webp",[10,48,49],{"id":49},"配置图片直接粘贴",[51,52,54],"h2",{"id":53},"规划文件夹与图片等命名老方法新手推荐","规划文件夹与图片等命名(老方法,新手推荐)",[14,56,57],{},"图片名字格式为当前图片创建的日期:时间戳.扩展名,例如20251225153422.webp",[14,59,60,61],{},"在工程根目录创建",[18,62,63],{},".vscode\u002Fsettings.json",[65,66,70],"pre",{"className":67,"code":68,"language":69,"meta":45,"style":45},"language-json shiki shiki-themes github-light github-dark","{\n  \"markdown.editor.filePaste.enabled\": \"always\",\n  \"markdown.copyFiles.destination\": {\n    \"**\u002Fcontent\u002Fposts\u002F*.md\": \"\u002Fpublic\u002Fimages\u002F${documentBaseName}\u002F${unixTime}.${fileExtName}\",\n    \"**\u002Fcontent\u002Fpages\u002F*.md\": \"\u002Fpublic\u002Fimages\u002Fpages\u002F${unixTime}.${fileExtName}\"\n  },\n  \"markdown.copyFiles.overwriteBehavior\": \"nameIncrementally\"\n}\n","json",[18,71,72,81,98,107,120,131,137,148],{"__ignoreMap":45},[73,74,77],"span",{"class":75,"line":76},"line",1,[73,78,80],{"class":79},"sVt8B","{\n",[73,82,84,88,91,95],{"class":75,"line":83},2,[73,85,87],{"class":86},"sj4cs","  \"markdown.editor.filePaste.enabled\"",[73,89,90],{"class":79},": ",[73,92,94],{"class":93},"sZZnC","\"always\"",[73,96,97],{"class":79},",\n",[73,99,101,104],{"class":75,"line":100},3,[73,102,103],{"class":86},"  \"markdown.copyFiles.destination\"",[73,105,106],{"class":79},": {\n",[73,108,110,113,115,118],{"class":75,"line":109},4,[73,111,112],{"class":86},"    \"**\u002Fcontent\u002Fposts\u002F*.md\"",[73,114,90],{"class":79},[73,116,117],{"class":93},"\"\u002Fpublic\u002Fimages\u002F${documentBaseName}\u002F${unixTime}.${fileExtName}\"",[73,119,97],{"class":79},[73,121,123,126,128],{"class":75,"line":122},5,[73,124,125],{"class":86},"    \"**\u002Fcontent\u002Fpages\u002F*.md\"",[73,127,90],{"class":79},[73,129,130],{"class":93},"\"\u002Fpublic\u002Fimages\u002Fpages\u002F${unixTime}.${fileExtName}\"\n",[73,132,134],{"class":75,"line":133},6,[73,135,136],{"class":79},"  },\n",[73,138,140,143,145],{"class":75,"line":139},7,[73,141,142],{"class":86},"  \"markdown.copyFiles.overwriteBehavior\"",[73,144,90],{"class":79},[73,146,147],{"class":93},"\"nameIncrementally\"\n",[73,149,151],{"class":75,"line":150},8,[73,152,153],{"class":79},"}\n",[51,155,157],{"id":156},"使用-md-image-uploader推荐","使用 MD Image Uploader（推荐）",[14,159,160,163],{},[18,161,162],{},"MD Image Uploader"," 可以在 Markdown 中直接粘贴图片，将图片转换为 WebP 后上传到兼容 S3 的对象存储，并自动插入 CDN 图片链接。",[14,165,166],{},"插件下载地址：",[14,168,169],{},[29,170,171],{"href":171,"rel":172},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=tungchiahui.md-image-uploader",[33],[14,174,175],{},[43,176],{"alt":45,"src":177},"https:\u002F\u002Fcdn.tungchiahui.cn\u002Ftungwebsite\u002Fassets\u002Fimages\u002F2025\u002F12\u002F25\u002F1787036910208-ed1a73d9.webp",[14,179,180,181,184],{},"也可以在 VS Code 扩展面板中搜索 ",[18,182,183],{},"tungchiahui.md-image-uploader","，然后点击“安装”。",[14,186,187,188,191,192,194],{},"访问密钥属于敏感信息，请打开 VS Code 的",[18,189,190],{},"首选项：打开用户设置(JSON)","，将下面两项写入个人设置。不要将它们放进项目的 ",[18,193,63],{},"，也不要提交到 Git：",[65,196,198],{"className":67,"code":197,"language":69,"meta":45,"style":45},"\u002F\u002F 请放到个人设置，不要放到项目的 .vscode\u002Fsettings.json\n\"mdImageUploader.s3.accessKeyId\": \"xxxxxxxxxxxxxxxxxxxx\",\n\"mdImageUploader.s3.secretAccessKey\": \"xxxxxxxxxxxxxxxxxxxx\"\n",[18,199,200,206,218],{"__ignoreMap":45},[73,201,202],{"class":75,"line":76},[73,203,205],{"class":204},"sJ8bj","\u002F\u002F 请放到个人设置，不要放到项目的 .vscode\u002Fsettings.json\n",[73,207,208,211,213,216],{"class":75,"line":83},[73,209,210],{"class":93},"\"mdImageUploader.s3.accessKeyId\"",[73,212,90],{"class":79},[73,214,215],{"class":93},"\"xxxxxxxxxxxxxxxxxxxx\"",[73,217,97],{"class":79},[73,219,220,223,225],{"class":75,"line":100},[73,221,222],{"class":93},"\"mdImageUploader.s3.secretAccessKey\"",[73,224,90],{"class":79},[73,226,227],{"class":93},"\"xxxxxxxxxxxxxxxxxxxx\"\n",[14,229,230,231,233],{},"以下配置可以放到项目的 ",[18,232,63],{},"。这是腾讯云 COS 的配置示例，请根据自己的存储桶和 CDN 地址进行修改：",[65,235,239],{"className":236,"code":237,"language":238,"meta":45,"style":45},"language-jsonc shiki shiki-themes github-light github-dark","{\n  \u002F\u002F 可以放到 settings.json 的部分，以下是例子\n  \"mdImageUploader.s3.endpoint\": \"https:\u002F\u002Fcos.ap-beijing.myqcloud.com\",\n  \"mdImageUploader.s3.region\": \"ap-beijing\",\n  \"mdImageUploader.s3.bucket\": \"cdn-tungchiahui-cn-1377333392\",\n  \"mdImageUploader.cdnUrl\": \"https:\u002F\u002Fcdn.tungchiahui.cn\",\n  \"mdImageUploader.datedUploadPath\": \"\u002Ftungwebsite\u002Fassets\u002Fimages\",\n  \"mdImageUploader.undatedUploadPath\": \"\u002Ftungwebsite\u002Fassets\u002Fimages\u002Fundate\"\n}\n","jsonc",[18,240,241,245,250,255,260,265,270,275,280],{"__ignoreMap":45},[73,242,243],{"class":75,"line":76},[73,244,80],{},[73,246,247],{"class":75,"line":83},[73,248,249],{},"  \u002F\u002F 可以放到 settings.json 的部分，以下是例子\n",[73,251,252],{"class":75,"line":100},[73,253,254],{},"  \"mdImageUploader.s3.endpoint\": \"https:\u002F\u002Fcos.ap-beijing.myqcloud.com\",\n",[73,256,257],{"class":75,"line":109},[73,258,259],{},"  \"mdImageUploader.s3.region\": \"ap-beijing\",\n",[73,261,262],{"class":75,"line":122},[73,263,264],{},"  \"mdImageUploader.s3.bucket\": \"cdn-tungchiahui-cn-1377333392\",\n",[73,266,267],{"class":75,"line":133},[73,268,269],{},"  \"mdImageUploader.cdnUrl\": \"https:\u002F\u002Fcdn.tungchiahui.cn\",\n",[73,271,272],{"class":75,"line":139},[73,273,274],{},"  \"mdImageUploader.datedUploadPath\": \"\u002Ftungwebsite\u002Fassets\u002Fimages\",\n",[73,276,277],{"class":75,"line":150},[73,278,279],{},"  \"mdImageUploader.undatedUploadPath\": \"\u002Ftungwebsite\u002Fassets\u002Fimages\u002Fundate\"\n",[73,281,283],{"class":75,"line":282},9,[73,284,153],{},[14,286,287,288,291,292,294],{},"配置完成后，打开一个 Markdown 文件，复制截图或本地图片，然后按 ",[18,289,290],{},"Ctrl+V"," 粘贴。插件会依次转换图片、计算上传路径、上传到对象存储，并将最终的 Markdown 图片链接插入当前位置。可以在 VS Code 的“输出”面板中选择 ",[18,293,162],{}," 查看实时日志。",[14,296,297],{},"上传路径使用以下日期优先级：",[299,300,301,309,315],"ol",{},[302,303,304,305,308],"li",{},"优先读取距离当前 Markdown 最近的、包含合法 ",[18,306,307],{},"YYYY-MM-DD"," 日期的父目录；",[302,310,311,312,314],{},"父目录没有合法日期时，读取 Markdown 文件名中的",[18,313,307],{},"格式日期；",[302,316,317,318,321],{},"两处都没有日期时，使用粘贴当天的本地日期和 ",[18,319,320],{},"undatedUploadPath","。",[14,323,324,325,327,328,331,332,335],{},"例如当前文件位于 ",[18,326,4],{},"，图片会使用目录日期 ",[18,329,330],{},"2025-12-25","，上传到 ",[18,333,334],{},"datedUploadPath"," 对应的年月日目录。",[10,337,338],{"id":338},"创建第一个md文件",[14,340,341],{},"打开VScode",[14,343,344],{},"创建一个.md为扩展名的文件",[14,346,347,348,351],{},"将文件保存为 ",[18,349,350],{},"TEST.md","（注意扩展名是 .md）",[14,353,354],{},"里面内容改为:",[65,356,360],{"className":357,"code":358,"language":359,"meta":45,"style":45},"language-markdown shiki shiki-themes github-light github-dark","# 我的第一个 Markdown 文档\n\n这是我学习 Markdown 的开始。\n\n## 学习目标\n\n- 掌握基本语法\n- 了解应用场景\n- 能够独立创作文档\n\n## 今天的感受\n\n学习 Markdown 比我想象的**简单**，我对接下来的学习充满*期待*！\n\n---\n\n> 学习是一个持续的过程，每一小步都是进步。\n","markdown",[18,361,362,367,373,378,382,387,391,396,401,406,411,417,422,428,433,439,444],{"__ignoreMap":45},[73,363,364],{"class":75,"line":76},[73,365,366],{},"# 我的第一个 Markdown 文档\n",[73,368,369],{"class":75,"line":83},[73,370,372],{"emptyLinePlaceholder":371},true,"\n",[73,374,375],{"class":75,"line":100},[73,376,377],{},"这是我学习 Markdown 的开始。\n",[73,379,380],{"class":75,"line":109},[73,381,372],{"emptyLinePlaceholder":371},[73,383,384],{"class":75,"line":122},[73,385,386],{},"## 学习目标\n",[73,388,389],{"class":75,"line":133},[73,390,372],{"emptyLinePlaceholder":371},[73,392,393],{"class":75,"line":139},[73,394,395],{},"- 掌握基本语法\n",[73,397,398],{"class":75,"line":150},[73,399,400],{},"- 了解应用场景\n",[73,402,403],{"class":75,"line":282},[73,404,405],{},"- 能够独立创作文档\n",[73,407,409],{"class":75,"line":408},10,[73,410,372],{"emptyLinePlaceholder":371},[73,412,414],{"class":75,"line":413},11,[73,415,416],{},"## 今天的感受\n",[73,418,420],{"class":75,"line":419},12,[73,421,372],{"emptyLinePlaceholder":371},[73,423,425],{"class":75,"line":424},13,[73,426,427],{},"学习 Markdown 比我想象的**简单**，我对接下来的学习充满*期待*！\n",[73,429,431],{"class":75,"line":430},14,[73,432,372],{"emptyLinePlaceholder":371},[73,434,436],{"class":75,"line":435},15,[73,437,438],{},"---\n",[73,440,442],{"class":75,"line":441},16,[73,443,372],{"emptyLinePlaceholder":371},[73,445,447],{"class":75,"line":446},17,[73,448,449],{},"> 学习是一个持续的过程，每一小步都是进步。\n",[14,451,452],{},"点击下方这个图标可以预览.",[14,454,455],{},[43,456],{"alt":45,"src":457},"https:\u002F\u002Fcdn.tungchiahui.cn\u002Ftungwebsite\u002Fassets\u002Fimages\u002F2025\u002F12\u002F25\u002F1787037063137-1d47eb79.webp",[14,459,460],{},"预览如下图:",[14,462,463],{},[43,464],{"alt":45,"src":465},"https:\u002F\u002Fcdn.tungchiahui.cn\u002Ftungwebsite\u002Fassets\u002Fimages\u002F2025\u002F12\u002F25\u002F1787036989834-c52de7a3.webp",[467,468,469],"style",{},"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 .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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":45,"searchDepth":83,"depth":83,"links":471},[472,473],{"id":53,"depth":83,"text":54},{"id":156,"depth":83,"text":157},"\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian",0,"0200","首先可以安装一个VScode插件叫做Markdown All in One,然后还有Markdown Preview Enhanced.","wiki\u002F2025-12-25-markdown-jiao-cheng","zh-cn:2025-12-25-markdown-jiao-cheng","\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng","MarkDown教程","md","wiki\u002F2025-12-25-MarkDown教程\u002F0200-环境搭建",false,null,"\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian","zh-CN","zh-cn",{},{"title":5,"description":477},"VfhhmnC9gQ5c1AQDj6yYDKVBny026VtcNunYDgkKvBY",[493,498,499,504,509],{"path":494,"stem":495,"title":496,"date":330,"chapterOrder":497,"chapterDepth":475,"docKey":479,"docRoot":480,"docTitle":481,"isWikiDoc":371,"isWikiIndex":484},"\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0100-jian-jie","wiki\u002F2025-12-25-MarkDown教程\u002F0100-简介","简介","0100",{"path":474,"stem":483,"title":5,"date":330,"chapterOrder":476,"chapterDepth":475,"docKey":479,"docRoot":480,"docTitle":481,"isWikiDoc":371,"isWikiIndex":484},{"path":500,"stem":501,"title":502,"date":330,"chapterOrder":503,"chapterDepth":475,"docKey":479,"docRoot":480,"docTitle":481,"isWikiDoc":371,"isWikiIndex":484},"\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0300-jiao-xue","wiki\u002F2025-12-25-MarkDown教程\u002F0300-教学","教学","0300",{"path":505,"stem":506,"title":507,"date":330,"chapterOrder":508,"chapterDepth":475,"docKey":479,"docRoot":480,"docTitle":481,"isWikiDoc":371,"isWikiIndex":484},"\u002Fzh-cn\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0400-gao-ji-ji-qiao","wiki\u002F2025-12-25-MarkDown教程\u002F0400-高级技巧","高级技巧","0400",{"path":480,"stem":510,"title":481,"date":330,"chapterOrder":485,"chapterDepth":475,"docKey":479,"docRoot":480,"docTitle":481,"isWikiDoc":371,"isWikiIndex":371},"wiki\u002F2025-12-25-MarkDown教程\u002Findex",{"variants":512},[513,516,519,522,525],{"path":514,"localeSlug":515,"i18nKey":483},"\u002Fen-us\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian","en-us",{"path":517,"localeSlug":518,"i18nKey":483},"\u002Fzh-hant\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian","zh-hant",{"path":520,"localeSlug":521,"i18nKey":483},"\u002Fzh-hk\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian","zh-hk",{"path":523,"localeSlug":524,"i18nKey":483},"\u002Fzh-tw\u002Fwiki\u002F2025-12-25-markdown-jiao-cheng\u002F0200-huan-jing-da-jian","zh-tw",{"path":474,"localeSlug":488,"i18nKey":483},[514,486,517,486,520,486,523,486,474,486],1788531240743]