id: 38c297d474904afe9ab770c3d8b82c3b
parent_id: 
item_type: 1
item_id: 420d629d275b4928b0b68a3b60c7cde8
item_updated_time: 1764345625211
title_diff: "[{\"diffs\":[[1,\"我的前五大VSCode扩展，让你的Markdown写作更高效\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":30}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>我的前五大VSCode扩展，让你的Markdown写作更高效</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"38936\\\"></a>\\\r\\\n<h1>我的前五大VSCode扩展，让你的Markdown写作更高效</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"\\\"><div style=\\\"max-width: 700px;\\\"><p></p><div style=\\\"--en-blockquote: true; box-sizing: border-box; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial;\\\"><div>原文链接: <a href=\\\"http://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247490719&amp;idx=3&amp;sn=886c6faab321615928ad84d434278685&amp;chksm=fa1c2cdba3e73bf1715c8206dc66a4fc71812a59b2801a3dad78134c51c64b8b5095a3b86d04&amp;mpshare=1&amp;scene=1&amp;srcid=0322vSKs8bJGyCEICrnTZO2O&amp;sharer_shareinfo=97627b672e3f8b1bc5170dcaf718f6e1&amp;sharer_shareinfo_first=97627b672e3f8b1bc5170dcaf718f6e1#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247490...</span></a></div></div><p></p><div style=\\\"\\\"><div><div><div><span style=\\\"\\\">原创</span><span> Maya Shavin </span><span><a style=\\\"\\\"> 前端小石匠 </a></span><span><em></em></span></div><div style=\\\"\\\"><div style=\\\"font-style: normal; font-variant-caps: normal; font-weight: 400; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; text-decoration: none; word-break: break-word; overflow-wrap: break-word; text-align: left; color: rgb(25, 25, 25); letter-spacing: 2px; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;\\\"><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>作为开发者和科技博主，我经常使用Markdown编写技术博客文章和文档，与社区分享知识。除了编程，VSCode一直是我的首选编辑器，用于高效地管理和创作Markdown内容。随着时间的推移，我发现了几个VSCode扩展，它们极大地改变了我的写作体验，使写作更快、更高效。在这篇文章中，我将分享我的前五大VSCode Markdown写作扩展，并解释它们如何提升你的工作效率。</span></p><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>目录</span></span></h2><ul style=\\\"color: rgb(25,25,25); list-style-type: circle;\\\"><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>目录</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>在VSCode中编写Markdown</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>David Anson的Markdownlint</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>Yu Zhang的Markdown All in One</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>Microsoft的Word Count</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>Matt Bierner的:emojisense:</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>CoCover——生成封面图像的人工智能助手</span></div></li><li><div style=\\\"text-align: left; font-weight: normal; color: rgb(25, 25, 25);\\\"><span>总结</span></div></li></ul><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>在VSCode中编写Markdown</span></span></h2><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>自2004年引入以来，</span><span>Markdown</span><span>是一种轻量级标记语言，具有纯文本格式语法。它广泛用于起草和编写文档，如README文件。对我来说，将文章存储为Markdown文件，特别是使用VSCode，与使用标准所见即所得编辑器相比，是一种更为方便的方法。它帮助我保持专注，并更有效地管理我的内容。</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>VSCode，一个免费且流行的IDE（或代码编辑器），提供了出色的内置Markdown编辑支持，包括语法高亮和预览功能，如使用</span><code style=\\\"overflow-wrap: break-word; border-radius: 4px; word-break: break-all; color: rgb(0, 64, 128); background-color: rgb(243, 249, 253);\\\"><span>Shift + Ctrl/Cmd + V</span></code><span>进行全屏预览，或使用</span><code style=\\\"overflow-wrap: break-word; border-radius: 4px; word-break: break-all; color: rgb(0, 64, 128); background-color: rgb(243, 249, 253);\\\"><span>Ctrl/Cmd + K + V</span></code><span>进行并排预览。</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/9e1938ea7bda43dea82f2bbd5d40c871\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>VSCode中的Markdown编辑器和并排预览</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>除了这些基本功能，你还可以通过扩展来增强你的Markdown编辑体验。以下是五个显著提升我的Markdown写作工作流程的VSCode扩展：</span></p><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>David Anson的Markdownlint</span></span></h2><div style=\\\"display: flex;\\\"><span><img src=\\\":/2a152f03575b407ba5b54a9a04070f3d\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>Markdownlint扩展在市场</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>Markdownlint</span><span>是我处理Markdown文件时安装的第一个扩展。它通过标记常见的语法问题，如缺少空格、尾随空格和不一致的缩进来保持我的Markdown整洁和一致。</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/a44b09e8cc814a9ba40115a0ec68f264\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>当有Markdown违规时显示内联错误</span></div></div><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>Yu Zhang的Markdown All in One</span></span></h2><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span><img src=\\\":/b3aaaddf360e4e9a93d659cb6af40c59\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><span>Markdown All in One</span><span>是一个强大的扩展，提供了大量功能来简化Markdown编辑。它包括常用语法元素的快捷方式，如标题、列表和表格，以及用于切换粗体、斜体和代码格式的键盘快捷方式。</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>我最喜欢的功能之一是它的目录（TOC）生成器，它会根据文件中的标题自动更新目录。这在帮助读者导航长文档时非常有用。</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/9a29f906c8a14bc886fe53a7f48ed3b5\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>Markdown All in One生成的目录</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>它还提供了快速重新组织内容的列表编辑功能，以及一些实用工具，如切换代码跨度和自动表格格式化。这些功能使得长篇文档编辑更加高效和愉快。</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/754c7b4f84334b509095bb466c2f57cf\\\" type=\\\"image/gif\\\" data-filename=\\\"640.gif\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>Markdown All in One中的列表编辑</span></div></div><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>Microsoft的Word Count</span></span></h2><div style=\\\"display: flex;\\\"><span><img src=\\\":/dc3c335167c647398367669dc513f3ad\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>市场上的Word Count</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>Word Count</span><span>是一个简单但必要的扩展，它在状态栏中显示当前文档的总字数。它非常适合跟踪文章长度并确保你的帖子满足字数要求。</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>安装后，你将在底部状态栏中找到字数统计，随着你输入实时更新。</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/4676137602494baeb1e65fb9f42aa28f\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>状态栏中显示的字数统计</span></div></div><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>Matt Bierner的:emojisense:</span></span></h2><div style=\\\"display: flex;\\\"><span><img src=\\\":/05c7c18c634340a2819342f4edfd8090\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>市场上的Emojisense</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>:emojisense:</span><span>是一个有趣且实用的扩展，用于在Markdown文件中添加表情符号。它提供了一个内联的、可搜索的表情符号选择器，使得查找和插入表情符号非常容易。</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>要使用该扩展，我们输入</span><code style=\\\"overflow-wrap: break-word; border-radius: 4px; word-break: break-all; color: rgb(0, 64, 128); background-color: rgb(243, 249, 253);\\\"><span>:</span></code><span>，然后输入表情符号名称或关键字。扩展会显示匹配的表情符号，供快速插入。💡</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/7ee2c93cdb3b4409ace305f212b02879\\\" type=\\\"image/gif\\\" data-filename=\\\"640.gif\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>Emojisense在行动</span></div></div><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>CoCover——生成封面图像的人工智能助手</span></span></h2><div style=\\\"display: flex;\\\"><span><img src=\\\":/723457cad5744ef78f3c4b01907c4994\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>市场上的CoCover</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>最后但同样重要的是，</span><span>CoCover</span><span>是我开发的一个AI驱动的扩展，用于在VSCode中直接生成漂亮的封面图像。它使用GitHub Copilot和OpenAI的DALL-E根据你的文章标题和内容创建封面。</span></p><div style=\\\"display: flex;\\\"><span><img src=\\\":/69dc6feb99cf4b4c9a035e8d9b3446b7\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; max-width: 100%; border-radius: 6px; display: block; object-fit: contain; width: auto;\\\" width=\\\"auto\\\"/></span><div style=\\\"text-align: center; display: block; color: rgb(25, 25, 25);\\\"><span>CoCover演示</span></div></div><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>使用CoCover，你可以在不离开VSCode的情况下生成博客封面、上传到Cloudinary或保存到本地。它是一个出色的工具，可以简化你的内容创作工作流程，同时让你的文章更具视觉吸引力。</span></p><h2 style=\\\"font-weight: bold; color: black; font-size: 22px; text-align: left;\\\"><span style=\\\"font-weight: bold; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(45, 103, 244); color: rgb(25, 25, 25);\\\"><span>总结</span></span></h2><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>这些是我前五大VSCode Markdown写作扩展。它们帮助我简化了工作流程，减少了上下文切换，并创建了更好的基于Markdown的内容。</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>你呢？你最喜欢的VSCode Markdown写作扩展是什么？我很想听听你的推荐和建议！😄</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>👉</span><span></span><em style=\\\"font-style: normal; font-weight: bold; color: rgb(45, 103, 244);\\\"><span>「了解Vue 3和TypeScript，阅读我的新书</span><span>Learning Vue</span><span>!」</span></em></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>👉</span><span></span><em style=\\\"font-style: normal; font-weight: bold; color: rgb(45, 103, 244);\\\"><span>「如果想偶尔和我交流，请关注我在</span><span>X</span><span></span><span>|</span><span></span><span>LinkedIn</span><span>。」</span></em></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>如果您觉得内容对您有帮助，欢迎在看、点赞、分享 ⬇️❤️⬇️</span></p><p style=\\\"color: rgb(25,25,25); letter-spacing: 2px; word-spacing: 2px;\\\"><span>点击下方卡片，关注【前端小石匠】，一起学习，共同进步～</span></p></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><span style=\\\"color: rgb(255, 0, 0); font-weight: bold;\\\">🔥近期热文</span></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247489379&amp;idx=1&amp;sn=8e6dd6c8ce550b892cf4ea8064efacfa&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">10 个秘诀，让 JavaScript 编码乐趣无限！</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247489150&amp;idx=1&amp;sn=21e6b49ab3aec49ff6610cd501e7eedb&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">你应该知道的7个CSS3必备技巧</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247489011&amp;idx=1&amp;sn=f886ef1314c12e8d8c2a58e77dcb71e8&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">Vue 开发者必备的 11 个 JavaScript 基础知识，快来看看！</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247488874&amp;idx=1&amp;sn=cce5bdf97927eb3ebd8ada6b80abe923&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">TypeScript 技巧：让代码库整洁 10 倍</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247488322&amp;idx=1&amp;sn=dab7d3eaa28d16660cf5226a41984ced&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">哎！这 5 个 CSS 函数你竟然还不了解？</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247488322&amp;idx=3&amp;sn=79981cc30de583c82e8f83b39a41b3ea&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">JavaScript中 `()=&amp;gt;{}` 和 `()=&amp;gt;()` 箭头函数的区别</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247487864&amp;idx=1&amp;sn=7e121acbd89b2632f3c032242e55c83e&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">2025年，从Angular、React 和 Vue 中，挑选你的框架伙伴</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><a href=\\\"https://mp.weixin.qq.com/s?__biz=MzU1MDkxMDEwMg==&amp;mid=2247487835&amp;idx=1&amp;sn=27cf0b17d8bb4a12fcd2fce899c4468f&amp;scene=21#wechat_redirect\\\" target=\\\"_blank\\\"><span style=\\\"font-weight: bold;\\\">解锁TypeScript的力量：现代Web开发的关键概念</span></a></span></strong></div><div style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgba(0, 0, 0, 0.9); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.544px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word; color: rgb(163, 163, 163); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.544px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; outline: 0px; max-width: 100%; box-sizing: border-box; overflow-wrap: break-word;\\\"><br/></span></strong></div><div style=\\\"text-align: center;\\\"><span>如果您关注前端相关领域，也可以扫码添加小编微信进群交流</span></div><div style=\\\"text-align: center;\\\"><img src=\\\":/85b7df31fbe34a98bf9023f024ea21ea\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; width: auto; height: 225px;\\\" width=\\\"auto\\\"/></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":29269}]"
metadata_diff: {"new":{"id":"420d629d275b4928b0b68a3b60c7cde8","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348855231,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:04:36.128Z
created_time: 2025-11-28T21:04:36.128Z
type_: 13