id: 8205f5187267402f884b34eed0809b03
parent_id: 
item_type: 1
item_id: ca49152f93a64d83bf87b824dc843874
item_updated_time: 1764345610541
title_diff: "[{\"diffs\":[[1,\"49.3k star，本地 SSL 证书生成神器，轻松解决 HTTPS 配置痛点\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":40}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>49.3k star，本地 SSL 证书生成神器，轻松解决 HTTPS 配置痛点</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=\\\"33387\\\"></a>\\\r\\\n<h1>49.3k star，本地 SSL 证书生成神器，轻松解决 HTTPS 配置痛点</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=MzA4NzQzMzU4Mg==&amp;mid=2653051619&amp;idx=2&amp;sn=8820108bea6c156ed727fa64d0c27a62&amp;chksm=8ace721b2c0547128539118304f6bfc10f7110c1552ba958e3da23372bdb568e5e8baf7b3a62&amp;mpshare=1&amp;scene=1&amp;srcid=1124VnAuOfpBgXGFJmDNFVhf&amp;sharer_shareinfo=02072041244c00618ff9d1cde3e6098c&amp;sharer_shareinfo_first=02072041244c00618ff9d1cde3e6098c#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=MzA4NzQzMzU4Mg==&amp;mid=2653051...</span></a></div></div><p></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><a style=\\\"-webkit-tap-highlight-color: transparent;\\\"> Linux就该这么学 </a></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><em style=\\\"-webkit-tap-highlight-color: transparent;\\\"></em></span></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/a1e3dba89cf243f6af8cf9b46ce4341e\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto; height: 54px;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.26px; text-align: right; color: rgb(0,0,0);\\\">来源：Github开源项目优选</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: right;\\\"><img src=\\\":/f504b929d1804fa6b8647526a9ae251f\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/></p><div style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; color: rgb(0,0,0); word-spacing: 0; letter-spacing: 0; word-break: break-word; text-align: left;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">在本地环境中配置HTTPS一直以来是开发者的痛点，手动创建SSL证书、配置信任存储不仅繁琐，还容易出错。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">今天给大家介绍一个开源神器——mkcert！它能让你快速生成本地受信任的SSL/TLS证书，轻松打造安全的HTTPS开发环境，成为许多开发者的首选。</span></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; height: auto; overflow: unset; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(72,179,120); letter-spacing: 0; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; font-weight: bold; height: auto; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; color: rgb(0,0,0); display: inline-block; font-size: 22px; height: auto; letter-spacing: 0; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\">什么是mkcert？</strong></span></span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">mkcert是由Filippo Valsorda开发的一款免费开源工具，专门用于生成受信任的本地SSL/TLS证书。它通过简单命令自动生成并安装本地信任的证书，让本地环境中的HTTPS配置变得轻松无比。mkcert支持多个操作系统，满足不同开发者的需求。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><img src=\\\":/a3d94714b4514f88b9e40b037061ac90\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 4px; object-fit: fill; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(136,136,136); letter-spacing: 0; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">图片</span></div></div><h3 style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; height: auto; overflow: unset; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(72,179,120); letter-spacing: 0; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; font-weight: bold; height: auto; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; color: rgb(0,0,0); display: inline-block; font-size: 22px; height: auto; letter-spacing: 0; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\">mkcert的开源成就</strong></span></span></h3><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><img src=\\\":/468dcc6233b14e11bee007dba69b3c6e\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 4px; object-fit: fill; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(136,136,136); letter-spacing: 0; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">图片</span></div></div><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">凭借简洁和高效，mkcert在GitHub上已经获得了49.2K的Star，成为广受开发者喜爱的本地SSL工具。无论你是Web开发新手，还是资深后端工程师，mkcert都能让你事半功倍，轻松应对HTTPS的开发需求。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><img src=\\\":/8ac71deb806f4d56a4f1d119bd01f1a3\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 4px; object-fit: fill; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(136,136,136); letter-spacing: 0; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">图片</span></div></div><h3 style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; height: auto; overflow: unset; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(72,179,120); letter-spacing: 0; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; font-weight: bold; height: auto; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; color: rgb(0,0,0); display: inline-block; font-size: 22px; height: auto; letter-spacing: 0; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\">mkcert的主要特点</strong></span></span></h3><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">1. 零配置，省时省力</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">安装mkcert后，只需简单几步操作，就能生成并信任你的本地证书。相比传统的SSL证书生成方式，它完全摆脱了繁杂的手动配置。</span></p><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">2. 支持多个域名和IP地址</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">不论是本地的localhost，还是特定的IP地址和自定义域名，mkcert都可以生成对应的证书，支持多样化的开发测试环境。</span></p><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">3. 跨平台支持</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">mkcert支持Linux、macOS和Windows，几乎覆盖了所有主流操作系统，确保开发者可以无缝地在不同环境中使用。</span></p><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">4. 强大的高级功能</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">除了基本的SSL证书，mkcert还可以生成客户端认证证书、ECDSA密钥、PKCS#12文件等，为复杂场景下的开发提供更高的安全性。</span></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; height: auto; overflow: unset; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(72,179,120); letter-spacing: 0; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; font-weight: bold; height: auto; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; color: rgb(0,0,0); display: inline-block; font-size: 22px; height: auto; letter-spacing: 0; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\">安装与使用教程</strong></span></span></h3><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">1. 安装mkcert</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">首先，访问mkcert的GitHub页面下载适合你操作系统的预编译版本。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><img src=\\\":/524695e506ae44d5b5d409259f4ac9e2\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 4px; object-fit: fill; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(136,136,136); letter-spacing: 0; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">图片</span></div></div><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">安装完成后，打开终端（或命令提示符）运行以下命令：</span></p><div style=\\\"--en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>mkcert -install</span><br/></pre></div><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">MacOS系统也可以如下命令安装</span></p><div style=\\\"--en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>brew install mkcert</span><br/><span>brew install nss # if you use Firefox</span><br/></pre></div><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">这个命令会在你的系统信任存储中安装一个本地CA证书，mkcert生成的所有证书都会被信任。</span></p><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">2. 生成证书</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">想为你的本地项目生成SSL证书？只需使用以下命令：</span></p><div style=\\\"--en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>mkcert example.com localhost 127.0.0.1</span><br/></pre></div><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">上面的命令会生成两个文件：</span><code style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(40,202,113); letter-spacing: 0; background: none 0 0/auto no-repeat scroll padding-box border-box rgba(27,31,35,0.05); width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgb(0,0,0) rgba(0,0,0,0.4) rgba(0,0,0,0.4); border-radius: 4px; word-break: break-all;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">example.com+1.pem</span></code><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">（证书）和 </span><code style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(40,202,113); letter-spacing: 0; background: none 0 0/auto no-repeat scroll padding-box border-box rgba(27,31,35,0.05); width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgb(0,0,0) rgba(0,0,0,0.4) rgba(0,0,0,0.4); border-radius: 4px; word-break: break-all;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">example.com+1-key.pem</span></code><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">（私钥）。之后，你可以在服务器配置中使用它们。</span></p><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><img src=\\\":/f247c791182b437bbc4541e97da74482\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 4px; object-fit: fill; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(136,136,136); letter-spacing: 0; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">图片</span></div></div><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><img src=\\\":/cfa171cf867b461c84b2da0e08ee44c9\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 4px; object-fit: fill; __visibility: visible; width: auto;\\\" width=\\\"auto\\\"/><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(136,136,136); letter-spacing: 0; text-align: center;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">图片</span></div></div><h5 style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0; font-weight: bold; display: block;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(74,74,74); background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; width: auto; height: auto; border-style: none; border-width: 3px; border-color: rgba(0,0,0,0.4); border-radius: 0;\\\">3. 配置Nginx</strong></span></span></h5><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">生成证书后，将其配置到你的Web服务器（如Nginx）上，来实现HTTPS访问。示例如下：</span></p><div style=\\\"--en-custom: true; --en-codeblock: true; --en-meta: {&quot;title&quot;:&quot;&quot;,&quot;lang&quot;:&quot;Plain Text&quot;,&quot;theme&quot;:&quot;default&quot;,&quot;showLine&quot;:true,&quot;lineWrap&quot;:true}; box-sizing: border-box; color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(251, 250, 248); border: 1px solid rgba(0, 0, 0, 0.14902); background-position: initial initial; background-repeat: initial initial;\\\"><pre><span>server {</span><br/><span>    listen 443 ssl;</span><br/><span>    server_name example.com;</span><br/><span></span><br/><span>    ssl_certificate /path/to/example.com+1.pem;  # 证书文件路径</span><br/><span>    ssl_certificate_key /path/to/example.com+1-key.pem;  # 私钥文件路径</span><br/><span></span><br/><span>    # 其他配置...</span><br/><span>}</span><br/></pre></div><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">配置完成后，重启Nginx，即可通过HTTPS安全访问你的本地站点。</span></p><h3 style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; height: auto; overflow: unset; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(72,179,120); letter-spacing: 0; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; font-weight: bold; height: auto; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent; background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-style: none; border-width: 1px; border-color: rgb(0,0,0); border-radius: 0; color: rgb(0,0,0); display: inline-block; font-size: 22px; height: auto; letter-spacing: 0; overflow: unset; text-indent: 0; text-shadow: none; transform: none; width: auto; -webkit-box-reflect: unset;\\\">总结</strong></span></span></h3><p style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(63,63,63); letter-spacing: 0.02em; text-indent: 0;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">mkcert让SSL证书的生成和管理变得简单易行。对于需要在本地测试HTTPS的开发者来说，它极大地提高了效率，保证了安全性。快试试这个神器，为你的本地开发环境添加一份安全保障吧！</span></p></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; background-color: rgba(170,202,253,0.263); border-radius: 0 15px 15px; display: inline-block; box-sizing: border-box;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; background-color: rgba(170,202,253,0.518); border-radius: 0 15px 15px; box-sizing: border-box;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; background-image: linear-gradient(90deg,rgba(170,202,253,0.98) 10%,rgba(40,111,225,0.945) 100%); border-radius: 0 15px 15px; box-sizing: border-box;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 2px;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(255,255,255);\\\">END</span></strong></p></div></div></div></div></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; border-width: 2px; border-style: solid; border-color: rgb(125,167,253); border-radius: 8px; text-align: center; box-sizing: border-box;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 2px;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(53,124,241);\\\">官方站点：www.linuxprobe.com</span></strong></p><p style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 2px;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(53,124,241);\\\"> Linux命令大全：www.linuxcool.com</span></strong></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; width: 8em; border-width: 2px; border-style: dashed; border-color: rgb(53,124,241); border-radius: 8px; box-sizing: border-box;\\\"><img src=\\\":/b84efa5b27294255a8b3121c90af45c9\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; display: block; width: auto; border-radius: 8px; height: 134px;\\\" width=\\\"auto\\\"/></div></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 2px;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(217,33,66);\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(217,33,66);\\\">刘遄老师QQ：5604215</span></strong></span></p><p style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 2px;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: #357cf1;\\\">Linux技术交流群：2636170</span></strong></p><p style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 2px;\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; color: #357cf1;\\\">（新群，火热加群中……）</span></strong></p></div></div></div></div><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">想要学习Linux系统的读者可以点击</span><span style=\\\"-webkit-tap-highlight-color: transparent; color: rgb(255,41,65);\\\"><strong style=\\\"-webkit-tap-highlight-color: transparent;\\\">&quot;阅读原文&quot;</strong></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">按钮来了解书籍《Linux就该这么学》，同时也非常适合专业的运维人员阅读，成为辅助您工作的高价值工具书！</span></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\"><br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p></div></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><a style=\\\"-webkit-tap-highlight-color: transparent;\\\">阅读原文</a></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":31261}]"
metadata_diff: {"new":{"id":"ca49152f93a64d83bf87b824dc843874","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":1764348815115,"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:03:13.460Z
created_time: 2025-11-28T21:03:13.460Z
type_: 13