爱分享 发表于 2026-7-10 19:45:47

WSL 通过官方命令安装 Claude Code 失败的解决方案

<div class="ce-block ce-block--focused" data-id="zI3RwFOAQy" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp;&nbsp;<code>https://code.claude.com/docs/en/quickstart#native-install-recommended</code></div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="e3pwOcho1X" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp; 使用：<code>curl -fsSL https://claude.ai/install.sh | bash</code>&nbsp;这个命令安装 Claude Code, 如果代理不纯净的话，会被Cloudflare卡住； 解决方法是使用 npm 命令安装</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="efcUNvBnnB" >
    <div class="ce-block__content">
      <div class="editorjs-codeFlask_Wrapper">
                <div class="editorjs-codeFlask_Header">
                        <div class="editorjs-codeFlask_LangDisplay">javascript</div>
                        <button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-efcUNvBnnB">
                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                        <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
                                        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
                                </svg>
                        </button>
                        <button class="editorjs-codeFlask_Toggle" id="codeflask-Toggle-efcUNvBnnB">
                              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                              <polyline points="6 9 12 15 18 9"></polyline>
                              </svg>
                        </button>
                </div>
                <div class="editorjs-codeFlask_ContentContainer">
                        <div class="editorjs-codeFlask_Editor" id="codeflask-efcUNvBnnB" >
                       
                        </div>
                </div>
                <div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-efcUNvBnnB">
                        <button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>
                </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="static/js/editorjs/tools/codeflask/codeflask150.min.js?vfo"></script>
<script type="application/javascript">
                        const editorElem1785466318KD0tr = document.getElementById('codeflask-efcUNvBnnB');
                        var isCollapsed1785466318KD0tr = true;
                        const flask1785466318KD0tr = new CodeFlask(editorElem1785466318KD0tr, {
                                language: 'javascript',
                                lineNumbers: true,
                                styleParent: this.shadowRoot,
                                rtl: false,
                                readonly: true
                        });
                            var code1785466318KD0tr = `forbackup@LAPTOP-XCG:~$ curl -fsSL https://claude.ai/install.sh | bash
^C
forbackup@LAPTOP-XCG:~$ curl -I https://claude.ai
HTTP/1.1 200 Connection established

HTTP/2 103
link: &lt;https://assets-proxy.anthropic.com&gt;; crossorigin; rel=preconnect, &lt;https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/index-ChAZ9yKa.js&gt;; as=script; crossorigin; rel=preload, &lt;https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc8728789-D_SWcLm6.css&gt;; as=style; crossorigin; rel=preload, &lt;https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c5f4e1303-o73uZ2YJ.css&gt;; as=style; crossorigin; rel=preload, &lt;https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c6a992d55-CvacvKTI.css&gt;; as=style; crossorigin; rel=preload, &lt;https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-CFxw3nG7.woff2&gt;; as=font; crossorigin; rel=preload; type=font/woff2, &lt;https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c66fc489e-C-BHYa_K.woff2&gt;; as=font; crossorigin; rel=preload; type=font/woff2

HTTP/2 403
date: Thu, 04 Jun 2026 14:21:52 GMT
content-type: text/html; charset=UTF-8
content-length: 5336
accept-ch: Sec-CH-UA-Bitness, Sec-CH-UA-Arch, Sec-CH-UA-Full-Version, Sec-CH-UA-Mobile, Sec-CH-UA-Model, Sec-CH-UA-Platform-Version, Sec-CH-UA-Full-Version-List, Sec-CH-UA-Platform, Sec-CH-UA, UA-Bitness, UA-Arch, UA-Full-Version, UA-Mobile, UA-Model, UA-Platform-Version, UA-Platform, UA
cf-mitigated: challenge
content-security-policy: default-src 'none'; script-src 'nonce-4p8413tCo4SRbicoABpLGT' 'unsafe-eval' https://challenges.cloudflare.com; script-src-attr 'none'; style-src 'unsafe-inline'; img-src 'self' https://challenges.cloudflare.com; connect-src 'self' https://challenges.cloudflare.com; frame-src 'self' https://challenges.cloudflare.com blob:; child-src 'self' https://challenges.cloudflare.com blob:; worker-src blob:; form-action http: https:; base-uri 'self'
server: cloudflare
critical-ch: Sec-CH-UA-Bitness, Sec-CH-UA-Arch, Sec-CH-UA-Full-Version, Sec-CH-UA-Mobile, Sec-CH-UA-Model, Sec-CH-UA-Platform-Version, Sec-CH-UA-Full-Version-List, Sec-CH-UA-Platform, Sec-CH-UA, UA-Bitness, UA-Arch, UA-Full-Version, UA-Mobile, UA-Model, UA-Platform-Version, UA-Platform, UA
cross-origin-embedder-policy: require-corp
cross-origin-opener-policy: same-origin
cross-origin-resource-policy: same-origin
origin-agent-cluster: ?1
permissions-policy: accelerometer=(),camera=(),clipboard-read=(),clipboard-write=(),geolocation=(),gyroscope=(),hid=(),magnetometer=(),microphone=(),payment=(),publickey-credentials-get=(),screen-wake-lock=(),serial=(),sync-xhr=(),usb=(),xr-spatial-tracking=*
referrer-policy: same-origin
server-timing: chlray;desc=&quot;a06796223c764fb1&quot;
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
set-cookie: __cf_bm=qZWjNAtZJorhWKB2N6GOmpWUL4BLHcTuOW46vnyUM5s-1780582912.3516824-1.0.1.1-TCDOCeFzcCVuKM8d4.4u.iPEXkHZItRZo2UqLFPU0CopJ3ppR__Lnyik2zlMrSIvxrbX84XcmGYa3J45_sODiTnSzIKbxRin3irOmU0WJ4QCKKw2aYmgoe_6mMGSNUxG; HttpOnly; SameSite=None; Secure; Path=/; Domain=claude.ai; Expires=Thu, 04 Jun 2026 14:51:52 GMT
cf-ray: a06796223c764fb1-LAX
alt-svc: h3=&quot;:443&quot;; ma=86400

forbackup@LAPTOP-XCG:~$ node -v
v22.22.3
forbackup@LAPTOP-XCG:~$ npm install -g @anthropic-ai/claude-code

added 2 packages in 2m
forbackup@LAPTOP-XCG:~$
claude --version
2.1.141 (Claude Code)
forbackup@LAPTOP-XCG:~$// Hello World`;
                            code1785466318KD0tr = code1785466318KD0tr.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/'/g, "'");
                        flask1785466318KD0tr.addLanguage('javascript', Prism.languages['javascript']);
                        flask1785466318KD0tr.onUpdate((code) => {
                                // do something with code here.
                                // this will trigger whenever the code
                                // in the editor changes.
                          // console.log(code)
                        });
                        // flask.updateCode('');
                        // This will also trigger .onUpdate()
                        flask1785466318KD0tr.updateCode(code1785466318KD0tr);

                        const currentCode1785466318KD0tr = flask1785466318KD0tr.getCode();
            
                            var coderow1785466318KD0tr = parseInt('');
                          if (coderow1785466318KD0tr === undefined || coderow1785466318KD0tr !== coderow1785466318KD0tr || coderow1785466318KD0tr === 0) {
                                  coderow1785466318KD0tr = flask1785466318KD0tr.lineNumber;
                          }
                          
                            if (coderow1785466318KD0tr < 20) {
                              editorElem1785466318KD0tr.parentElement.style.height = '300px';
                                editorElem1785466318KD0tr.style.height = '300px';
                            } else if (coderow1785466318KD0tr >= 20) {
                              editorElem1785466318KD0tr.parentElement.style.height = '500px';
                              editorElem1785466318KD0tr.style.height = '500px';
                            }
                           
                        //console.log({currentCode1785466318KD0tr})   
                       
                        const copyBtn1785466318KD0tr = document.getElementById('codeflask-copy-efcUNvBnnB');
                        copyBtn1785466318KD0tr.addEventListener('click', function() {
                          try {
                                // 先检查 Clipboard API 是否可用
                                if (navigator.clipboard && navigator.clipboard.writeText) {
                                    // 使用 Clipboard API 复制代码
                                    navigator.clipboard.writeText(code1785466318KD0tr).then(function() {
                                      // 复制成功提示
                                      const originalText = copyBtn1785466318KD0tr.innerHTML;
                                      copyBtn1785466318KD0tr.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
                                      
                                      // 一段时间后恢复原文本
                                      setTimeout(function() {
                                            copyBtn1785466318KD0tr.innerHTML = originalText;
                                      }, 2000);
                                    }).catch(function(err) {
                                      // 复制失败处理
                                      console.error('复制失败:', err);
                                      
                                      // 降级方案：使用传统的复制方法
                                      fallbackCopyTextToClipboard(code1785466318KD0tr);
                                    });
                                } else {
                                    // Clipboard API 不可用时直接使用降级方案
                                    fallbackCopyTextToClipboard(code1785466318KD0tr);
                                }
                                
                                // 提取降级方案为独立函数
                                function fallbackCopyTextToClipboard(text) {
                                    const textArea = document.createElement('textarea');
                                    textArea.value = text;
                                    textArea.style.position = 'fixed';
                                    textArea.style.opacity = '0';
                                    document.body.appendChild(textArea);
                                    textArea.select();
                                   
                                    try {
                                      document.execCommand('copy');
                                      const originalText = copyBtn1785466318KD0tr.innerHTML;
                                      copyBtn1785466318KD0tr.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> 已复制';
                                      
                                      setTimeout(function() {
                                            copyBtn1785466318KD0tr.innerHTML = originalText;
                                      }, 2000);
                                    } catch (copyErr) {
                                      console.error('传统复制方法也失败了:', copyErr);
                                    } finally {
                                      document.body.removeChild(textArea);
                                    }
                                }
                          } catch (err) {
                                console.error('复制功能不可用:', err);
                          }
                        });
                       
                        const bottomBtn1785466318KD0tr = document.getElementById('codeflask-bottomBtn-efcUNvBnnB');
                        const Toggle1785466318KD0tr = document.getElementById('codeflask-Toggle-efcUNvBnnB');
                        bottomBtn1785466318KD0tr.addEventListener('click', function() {
                                if (isCollapsed1785466318KD0tr) {
                                    // 展开代码
                                    isCollapsed1785466318KD0tr = false;
                                  const codeElement1785466318KD0tr = editorElem1785466318KD0tr.querySelector('.codeflask__code');
                                    if (codeElement1785466318KD0tr) {
                                            const actualHeight1785466318KD0tr = codeElement1785466318KD0tr.scrollHeight + 20;
                                           
                                            editorElem1785466318KD0tr.parentElement.style.height = actualHeight1785466318KD0tr + 'px';
                                            editorElem1785466318KD0tr.style.height = actualHeight1785466318KD0tr + 'px';
                                    }
                                    bottomBtn1785466318KD0tr.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
                                    Toggle1785466318KD0tr.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>';
                                } else {
                                    // 折叠代码
                                    isCollapsed1785466318KD0tr = true;
                                  if (coderow1785466318KD0tr < 20) {
                                      editorElem1785466318KD0tr.parentElement.style.height = '300px';
                                        editorElem1785466318KD0tr.style.height = '300px';
                                    } else if (coderow1785466318KD0tr >= 20) {
                                      editorElem1785466318KD0tr.parentElement.style.height = '500px';
                                      editorElem1785466318KD0tr.style.height = '500px';
                                    }
                                    bottomBtn1785466318KD0tr.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
                                    Toggle1785466318KD0tr.innerHTML = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>';
                                }
                        });
                       
                        Toggle1785466318KD0tr.addEventListener('click', function() {
                                bottomBtn1785466318KD0tr.click();
                        });
</script><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.ce-paragraph {
    line-height: 1.6em;
    outline: none;
    text-indent: 2em;
    font-size: 16px;
}
.ce-paragraph--right {
    text-align: right;
}
.ce-paragraph--center {
    text-align: center;
}
.ce-paragraph--left {
    text-align: left;
}

.ce-paragraph--justify {
    text-align: justify;
}

.ce-paragraph-text-indent {
    text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}

/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}

.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}

.ce-paragraph p:first-of-type{
    margin-top: 0;
}

.ce-paragraph p:last-of-type{
    margin-bottom: 0;
}


.svg-icon {
    width: 1em;
    height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #4691f6;
}

.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
        margin-right: auto;
        position: relative;
}

/* 主容器 */
.editorjs-codeFlask_Wrapper {
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    background-color: #f6f8fa;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
}

/* 标题栏 */
.editorjs-codeFlask_Header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 12px;
    background-color: #e9ecef;
    border-bottom: 1px solid #dcdfe6;
    position: relative;
    z-index: 0; /* 从10降低到2 */
}

/* 语言显示 */
.editorjs-codeFlask_LangDisplay {
    padding: 2px 8px;
    background-color: #409eff;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

/* 内容容器 - 禁止纵向滚动 */
.editorjs-codeFlask_ContentContainer {
    position: relative;
    min-height: 100px;
    overflow-x: hidden; /* 禁止横向滚动 */
    overflow-y: hidden;
    transition: height 0.3s ease;
}

/* 编辑器容器 - 禁止纵向滚动 */
.editorjs-codeFlask_Editor {
    position: relative;
    min-height: 100px;
    overflow-x: hidden; /* 禁止横向滚动 */
    overflow-y: hidden;
    transition: height 0.3s ease;
}

/* 底部按钮容器 - 优化为更简洁的样式 */
.editorjs-codeFlask_BottomButtonContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
    position: relative;
    z-index: 0;
}

/* 底部横向折叠/展开按钮 - 优化样式，使其更融入设计 */
.editorjs-codeFlask_BottomToggle {
    width: 100%;
    background-color: transparent;
    color: #606266;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    position: relative;
}

.editorjs-codeFlask_BottomToggle:hover {
    background-color: #e9ecef;
    color: #409eff;
}

.editorjs-codeFlask_BottomToggle:active {
    background-color: #dee2e6;
}

.editorjs-codeFlask_BottomToggle .toggle-icon {
    font-size: 11px;
    transition: transform 0.3s ease;
}

/* 展开按钮（显示"展开"文本）上边缘添加渐变虚化效果 */
.editorjs-codeFlask_BottomToggle:has(span.toggle-icon:contains("▲"))::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(to bottom, rgba(248, 249, 250, 0) 0%, rgba(248, 249, 250, 1) 100%);
    pointer-events: none;
}

/* 展开按钮（显示"展开"文本）上边缘添加渐变虚化效果 */
/* 删除不被广泛支持的:contains()选择器 */
.editorjs-codeFlask_BottomToggle.expand-mode::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgba(248, 249, 250, 1) 100%);
    pointer-events: none;
}

/* CodeFlask 主容器样式 */
.editorjs-codeFlask_Editor .codeflask {
    position: relative;
    background: #fafafa;
    border-radius: 0 0 4px 4px;
    min-height: 100px;
    overflow-x: hidden; /* 禁止横向滚动 */
    overflow-y: hidden;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}

/* 行号容器 */
.editorjs-codeFlask_Editor .codeflask.codeflask--has-line-numbers:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background-color: #f5f5f5;
    border-right: 1px solid #e0e0e0;
    z-index: 0;
}

/* 行号 */
.editorjs-codeFlask_Editor .codeflask__lines {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    padding: 10px 0;
    background-color: #f5f5f5;
    border-right: 1px solid #e0e0e0;
    z-index: 0;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 21px;
    color: #666;
    text-align: right;
    user-select: none;
    overflow: hidden;
}

.editorjs-codeFlask_Editor .codeflask__lines__line {
    padding-right: 8px;
}

/* 文本区域 - 输入框 */
.editorjs-codeFlask_Editor .codeflask__textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: none;
    background: transparent;
    color: transparent;
    caret-color: #333;
    resize: none;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 21px;
    z-index: 1;
    overflow-x: hidden; /* 禁止横向滚动 */
    overflow-y: hidden;
    white-space: pre-wrap; /* 自动换行 */
    tab-size: 4;
    outline: none;
}

/* 添加选中文本样式 */
.editorjs-codeFlask_Editor .codeflask__textarea::selection {
    background-color: #b3d4fc;
    color: #333;
}

.editorjs-codeFlask_Editor .codeflask__textarea::-moz-selection {
    background-color: #b3d4fc;
    color: #333;
}

/* 代码预览区域 */
.editorjs-codeFlask_Editor .codeflask__pre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* 确保宽度不超出容器 */
    height: 100%;
    padding: 10px;
    margin: 0;
    border: none;
    background: transparent;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 21px;
    z-index: 0;
    overflow-x: hidden; /* 禁止横向滚动 */
    overflow-y: hidden;
    white-space: pre-wrap; /* 自动换行 */
    pointer-events: none;
}

/* 代码高亮区域 */
.editorjs-codeFlask_Editor .codeflask__code {
    display: block;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    white-space: pre-wrap; /* 自动换行 */
    tab-size: 4;
    overflow: visible;
}

/* 语法高亮样式 - 确保Prism.js样式正确应用 */
.editorjs-codeFlask_Editor .codeflask__code {
    background: transparent !important;
}

/* 通用语法高亮token样式 */
.editorjs-codeFlask_Editor .token.comment,
.editorjs-codeFlask_Editor .token.prolog,
.editorjs-codeFlask_Editor .token.doctype,
.editorjs-codeFlask_Editor .token.cdata {
    color: #708090;
}

.editorjs-codeFlask_Editor .token.punctuation {
    color: #999;
}

.editorjs-codeFlask_Editor .token.namespace {
    opacity: 0.7;
}

.editorjs-codeFlask_Editor .token.property,
.editorjs-codeFlask_Editor .token.tag,
.editorjs-codeFlask_Editor .token.boolean,
.editorjs-codeFlask_Editor .token.number,
.editorjs-codeFlask_Editor .token.constant,
.editorjs-codeFlask_Editor .token.symbol,
.editorjs-codeFlask_Editor .token.deleted {
    color: #905;
}

.editorjs-codeFlask_Editor .token.selector,
.editorjs-codeFlask_Editor .token.attr-name,
.editorjs-codeFlask_Editor .token.string,
.editorjs-codeFlask_Editor .token.char,
.editorjs-codeFlask_Editor .token.builtin,
.editorjs-codeFlask_Editor .token.inserted {
    color: #690;
}

.editorjs-codeFlask_Editor .token.operator,
.editorjs-codeFlask_Editor .token.entity,
.editorjs-codeFlask_Editor .token.url,
.editorjs-codeFlask_Editor .language-css .token.string,
.editorjs-codeFlask_Editor .style .token.string {
    color: #9a6e3a;
    background: hsla(0, 0%, 100%, 0.5);
}

.editorjs-codeFlask_Editor .token.atrule,
.editorjs-codeFlask_Editor .token.attr-value,
.editorjs-codeFlask_Editor .token.keyword {
    color: #07a;
}

.editorjs-codeFlask_Editor .token.function,
.editorjs-codeFlask_Editor .token.class-name {
    color: #dd4a68;
}

.editorjs-codeFlask_Editor .token.regex,
.editorjs-codeFlask_Editor .token.important,
.editorjs-codeFlask_Editor .token.variable {
    color: #e90;
}

/* 复制按钮样式 */
.editorjs-codeFlask_CopyButton {
    background-color: #409eff;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 12px;
    margin-right: 8px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
}

.editorjs-codeFlask_CopyButton:hover {
    background-color: #66b1ff;
}

.editorjs-codeFlask_CopyButton.copied {
    background-color: #67c23a;
}

/* 折叠/展开按钮样式 */
.editorjs-codeFlask_Toggle {
    background-color: #909399;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 0 8px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    font-weight: bold;
}

.editorjs-codeFlask_Toggle:hover {
    background-color: #a6a9ad;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .editorjs-codeFlask_Header {
      padding: 6px 8px;
    }
   
    .editorjs-codeFlask_Editor .codeflask__textarea,
    .editorjs-codeFlask_Editor .codeflask__pre,
    .editorjs-codeFlask_Editor .codeflask__code {
      font-size: 13px;
      line-height: 19px;
      padding: 8px;
    }
   
    .editorjs-codeFlask_Editor .codeflask.codeflask--has-line-numbers:before {
      width: 35px;
    }
   
    .editorjs-codeFlask_Editor .codeflask__lines {
      width: 35px;
      font-size: 12px;
    }
}

/* 滚动条样式 - 完全隐藏纵向滚动条 */
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar {
    width: 0;/* 纵向滚动条宽度为0 */
    height: 6px;/* 横向滚动条保持6px宽度 */
}

.editorjs-codeFlask_Wrapper ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0;
}

.editorjs-codeFlask_Wrapper ::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0;
}

/* Firefox 滚动条隐藏 */
.editorjs-codeFlask_Wrapper {
    scrollbar-width: none;/* Firefox 隐藏纵向滚动条 */
}

.editorjs-codeFlask_Wrapper ::-moz-scrollbar {
    width: 0;
    height: 6px;
}

/* 焦点状态 */
.editorjs-codeFlask_Wrapper:focus-within {
    border-color: #409eff;
    box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}

/* 只读模式样式 */
.editorjs-codeFlask_Wrapper.readonly .editorjs-codeFlask_Header {
    background-color: #f5f7fa;
}

.editorjs-codeFlask_Wrapper.readonly .editorjs-codeFlask_Editor .codeflask__textarea {
    cursor: default;
}

/* 确保所有元素正确显示 */
.editorjs-codeFlask_Wrapper * {
    box-sizing: border-box;
}

/* 修复行号对齐 */
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__textarea,
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__pre {
    padding-left: 50px;
}

.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__lines {
    padding-top: 10px;
}



/* 语言显示元素 - 添加点击样式 */
.editorjs-codeFlask_LangDisplay {
    padding: 2px 8px;
    background-color: #409eff;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.2s ease;
}

.editorjs-codeFlask_LangDisplay:hover {
    background-color: #66b1ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 语言选择弹窗 */
.editorjs-codeFlask_LanguagePopup {
    background-color: white;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width: 250px;
    max-height: 300px;
    z-index: 1000;
    overflow: hidden;
}

/* 搜索框 */
.editorjs-codeFlask_LanguageSearch {
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #ebeef5;
    font-size: 12px;
    outline: none;
    box-sizing: border-box;
}

/* 语言列表 */
.editorjs-codeFlask_LanguagesList {
    max-height: 250px;
    overflow-y: auto;
}

/* 语言选项 */
.editorjs-codeFlask_LanguageItem {
    padding: 8px 12px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.editorjs-codeFlask_LanguageItem:hover {
    background-color: #f5f7fa;
}

.editorjs-codeFlask_LanguageItem.selected {
    background-color: #ecf5ff;
    color: #409eff;
    font-weight: 500;
}

/* 滚动条样式 */
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar {
    width: 6px;
}

.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-track {
    background-color: #f5f7fa;
}

.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-thumb {
    background-color: #c0c4cc;
    border-radius: 3px;
}

.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-thumb:hover {
    background-color: #909399;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页: [1]
查看完整版本: WSL 通过官方命令安装 Claude Code 失败的解决方案