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