Linux服务器的必修课 SSH 改密钥登录 + 修改端口 + 关闭密码登录
<div class="ce-block ce-block--focused" data-id="PZOGPUNUm-" ><div class="ce-block__content">
<blockquote class="cdx-block cdx-quote">
<div class="cdx-input cdx-quote__text">
</div>
<div class="cdx-input cdx-quote__caption cdx-quote__caption-left">
</div>
<div class="quote-background-icon">
<svg t="1747277238703" class="icon" viewBox="0 0 1126 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6647" width="60" height="60"><path d="M809.07988966 473.917355c33.85124 8.46280999 50.77686 25.38843 50.77685999 50.77686 0 42.31404999-42.31405 126.942149-135.404959 262.347107-33.85124 50.77686-50.77686 93.090909-50.77686 135.404959 0 67.70247899 25.38843 101.553719 84.6281 101.553719 33.85124001 0 67.702479-25.38843 110.016529-76.165289 169.256198-211.570248 253.884298-406.214876 253.88429699-600.859504 0-93.090909-25.38843-177.719008-76.16528899-236.95867799-50.77686-67.702479-118.479339-93.090909-194.64462799-93.09090901-59.23966901 0-118.479339 25.38843-160.79338901 67.702479S622.89807165 186.18181799 622.89807164 253.884298c8.46281 110.016529 67.702479 186.18181801 186.18181802 220.033057m-609.32231401 0c33.85124 8.46280999 50.77686 25.38843 50.77686 50.77686 0 42.31404999-42.31405 126.942149-135.404959 262.347107-33.85124 50.77686-50.77686 93.090909-50.77686 135.404959 0 67.70247899 25.38843 101.553719 84.6281 101.553719 33.85124001 0 67.702479-25.38843 110.016529-76.165289 169.256198-211.570248 253.884298-414.677686 253.88429701-600.859504 0-93.090909-25.38843-177.719008-76.16528901-236.958678-50.77686-67.702479-118.479339-93.090909-194.644628-93.090909-59.23966901 0-118.479339 25.38843-160.793389 67.702479s-67.70247899 101.553719-67.702479 169.256199c16.92562 110.016529 76.165289 186.181818 186.181818 220.033057" fill="#bfbfbf" p-id="6648"></path></svg>
</div>
</blockquote>
</div>
</div><div class="ce-block ce-block--focused" data-id="R75SQM9QP5" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">注意：操作过程中一定不要关闭当前 SSH 窗口。（没搞好你就得去云厂商VNC救援了<span> </span>悲剧<span> </span>）一定要先确认密钥和新端口能正常登录，再关闭旧端口或退出当前连接。</div>
</div>
</div><div class="ce-block" data-id="9H6V2kR40L" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">一、准备工作</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="CwidCP2q7r" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">假设本文示例：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="nWaV6elfVd" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><code><code class="inline-code">服务器用户：root
服务器 IP：1.2.3.4
新 SSH 端口：22222</code>
</code></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="QXqDqBbV5t" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">你需要把<span></span><code class="inline-code"><span> </span><code>1.2.3.4</code><span> </span></code><span></span>和<span> </span><code><code class="inline-code">22222</code></code><span> </span>改成自己的。</div>
</div>
</div><div class="ce-block" data-id="tCV4Io1aCZ" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">二、本地生成 SSH 密钥</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="xEHKtT5U0a" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">在自己电脑上执行。</div>
</div>
</div><div class="ce-block" data-id="jorMEAktAx" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Windows PowerShell / Linux / macOS 都可以用</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="81-nbs40An" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-81-nbs40An">
<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-81-nbs40An">
<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-81-nbs40An" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-81-nbs40An">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910qPoa0 = document.getElementById('codeflask-81-nbs40An');
var isCollapsed1792935910qPoa0 = true;
const flask1792935910qPoa0 = new CodeFlask(editorElem1792935910qPoa0, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910qPoa0 = `ssh-keygen -t ed25519 -f ~/.ssh/server1_ed25519 -C "server1-key"`;
code1792935910qPoa0 = code1792935910qPoa0.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910qPoa0.addLanguage('shell', Prism.languages['shell']);
flask1792935910qPoa0.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()
flask1792935910qPoa0.updateCode(code1792935910qPoa0);
const currentCode1792935910qPoa0 = flask1792935910qPoa0.getCode();
var coderow1792935910qPoa0 = parseInt('');
if (coderow1792935910qPoa0 === undefined || coderow1792935910qPoa0 !== coderow1792935910qPoa0 || coderow1792935910qPoa0 === 0) {
coderow1792935910qPoa0 = flask1792935910qPoa0.lineNumber;
}
if (coderow1792935910qPoa0 < 20) {
editorElem1792935910qPoa0.parentElement.style.height = '300px';
editorElem1792935910qPoa0.style.height = '300px';
} else if (coderow1792935910qPoa0 >= 20) {
editorElem1792935910qPoa0.parentElement.style.height = '500px';
editorElem1792935910qPoa0.style.height = '500px';
}
//console.log({currentCode1792935910qPoa0})
const copyBtn1792935910qPoa0 = document.getElementById('codeflask-copy-81-nbs40An');
copyBtn1792935910qPoa0.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910qPoa0).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910qPoa0.innerHTML;
copyBtn1792935910qPoa0.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() {
copyBtn1792935910qPoa0.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910qPoa0);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910qPoa0);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910qPoa0.innerHTML;
copyBtn1792935910qPoa0.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() {
copyBtn1792935910qPoa0.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910qPoa0 = document.getElementById('codeflask-bottomBtn-81-nbs40An');
const Toggle1792935910qPoa0 = document.getElementById('codeflask-Toggle-81-nbs40An');
bottomBtn1792935910qPoa0.addEventListener('click', function() {
if (isCollapsed1792935910qPoa0) {
// 展开代码
isCollapsed1792935910qPoa0 = false;
const codeElement1792935910qPoa0 = editorElem1792935910qPoa0.querySelector('.codeflask__code');
if (codeElement1792935910qPoa0) {
const actualHeight1792935910qPoa0 = codeElement1792935910qPoa0.scrollHeight + 20;
editorElem1792935910qPoa0.parentElement.style.height = actualHeight1792935910qPoa0 + 'px';
editorElem1792935910qPoa0.style.height = actualHeight1792935910qPoa0 + 'px';
}
bottomBtn1792935910qPoa0.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910qPoa0.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 {
// 折叠代码
isCollapsed1792935910qPoa0 = true;
if (coderow1792935910qPoa0 < 20) {
editorElem1792935910qPoa0.parentElement.style.height = '300px';
editorElem1792935910qPoa0.style.height = '300px';
} else if (coderow1792935910qPoa0 >= 20) {
editorElem1792935910qPoa0.parentElement.style.height = '500px';
editorElem1792935910qPoa0.style.height = '500px';
}
bottomBtn1792935910qPoa0.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910qPoa0.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>';
}
});
Toggle1792935910qPoa0.addEventListener('click', function() {
bottomBtn1792935910qPoa0.click();
});
</script><div class="ce-block ce-block--focused" data-id="FwtcBLIG5t" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果是 Windows PowerShell，也可以用：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="pkN1hm3r3J" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-pkN1hm3r3J">
<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-pkN1hm3r3J">
<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-pkN1hm3r3J" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-pkN1hm3r3J">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910Gi11R = document.getElementById('codeflask-pkN1hm3r3J');
var isCollapsed1792935910Gi11R = true;
const flask1792935910Gi11R = new CodeFlask(editorElem1792935910Gi11R, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910Gi11R = `ssh-keygen -t ed25519 -f $env:USERPROFILE\.ssh\server1_ed25519 -C "server1-key"`;
code1792935910Gi11R = code1792935910Gi11R.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910Gi11R.addLanguage('shell', Prism.languages['shell']);
flask1792935910Gi11R.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()
flask1792935910Gi11R.updateCode(code1792935910Gi11R);
const currentCode1792935910Gi11R = flask1792935910Gi11R.getCode();
var coderow1792935910Gi11R = parseInt('');
if (coderow1792935910Gi11R === undefined || coderow1792935910Gi11R !== coderow1792935910Gi11R || coderow1792935910Gi11R === 0) {
coderow1792935910Gi11R = flask1792935910Gi11R.lineNumber;
}
if (coderow1792935910Gi11R < 20) {
editorElem1792935910Gi11R.parentElement.style.height = '300px';
editorElem1792935910Gi11R.style.height = '300px';
} else if (coderow1792935910Gi11R >= 20) {
editorElem1792935910Gi11R.parentElement.style.height = '500px';
editorElem1792935910Gi11R.style.height = '500px';
}
//console.log({currentCode1792935910Gi11R})
const copyBtn1792935910Gi11R = document.getElementById('codeflask-copy-pkN1hm3r3J');
copyBtn1792935910Gi11R.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910Gi11R).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910Gi11R.innerHTML;
copyBtn1792935910Gi11R.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() {
copyBtn1792935910Gi11R.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910Gi11R);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910Gi11R);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910Gi11R.innerHTML;
copyBtn1792935910Gi11R.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() {
copyBtn1792935910Gi11R.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910Gi11R = document.getElementById('codeflask-bottomBtn-pkN1hm3r3J');
const Toggle1792935910Gi11R = document.getElementById('codeflask-Toggle-pkN1hm3r3J');
bottomBtn1792935910Gi11R.addEventListener('click', function() {
if (isCollapsed1792935910Gi11R) {
// 展开代码
isCollapsed1792935910Gi11R = false;
const codeElement1792935910Gi11R = editorElem1792935910Gi11R.querySelector('.codeflask__code');
if (codeElement1792935910Gi11R) {
const actualHeight1792935910Gi11R = codeElement1792935910Gi11R.scrollHeight + 20;
editorElem1792935910Gi11R.parentElement.style.height = actualHeight1792935910Gi11R + 'px';
editorElem1792935910Gi11R.style.height = actualHeight1792935910Gi11R + 'px';
}
bottomBtn1792935910Gi11R.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910Gi11R.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 {
// 折叠代码
isCollapsed1792935910Gi11R = true;
if (coderow1792935910Gi11R < 20) {
editorElem1792935910Gi11R.parentElement.style.height = '300px';
editorElem1792935910Gi11R.style.height = '300px';
} else if (coderow1792935910Gi11R >= 20) {
editorElem1792935910Gi11R.parentElement.style.height = '500px';
editorElem1792935910Gi11R.style.height = '500px';
}
bottomBtn1792935910Gi11R.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910Gi11R.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>';
}
});
Toggle1792935910Gi11R.addEventListener('click', function() {
bottomBtn1792935910Gi11R.click();
});
</script><div class="ce-block ce-block--focused" data-id="C8thdEpJzN" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">一路回车即可。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="4DTWdpoFdy" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">生成后会得到两个文件：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="pc92a7Q_yx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><code>server1_ed25519 私钥，自己保存，不能泄露
server1_ed25519.pub公钥，放到服务器
</code></div>
</div>
</div><div class="ce-block" data-id="-gspFquiHU" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">三、上传公钥到服务器</h2>
</div>
</div><div class="ce-block" data-id="7abDvK3SsU" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Windows PowerShell</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="IAquwySH9D" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">把<span> </span><code>1.2.3.4</code><span> </span>改成你的服务器 IP：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="6JoWcjJrYM" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-6JoWcjJrYM">
<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-6JoWcjJrYM">
<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-6JoWcjJrYM" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-6JoWcjJrYM">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910GMArv = document.getElementById('codeflask-6JoWcjJrYM');
var isCollapsed1792935910GMArv = true;
const flask1792935910GMArv = new CodeFlask(editorElem1792935910GMArv, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910GMArv = `Get-Content "$env:USERPROFILE\.ssh\server1_ed25519.pub" | ssh root@1.2.3.4 "mkdir -p ~/.ssh && cat >> ~/.ssh/authorized_keys && chmod 700 ~/.ssh && chmod 600 ~/.ssh/authorized_keys"`;
code1792935910GMArv = code1792935910GMArv.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910GMArv.addLanguage('shell', Prism.languages['shell']);
flask1792935910GMArv.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()
flask1792935910GMArv.updateCode(code1792935910GMArv);
const currentCode1792935910GMArv = flask1792935910GMArv.getCode();
var coderow1792935910GMArv = parseInt('');
if (coderow1792935910GMArv === undefined || coderow1792935910GMArv !== coderow1792935910GMArv || coderow1792935910GMArv === 0) {
coderow1792935910GMArv = flask1792935910GMArv.lineNumber;
}
if (coderow1792935910GMArv < 20) {
editorElem1792935910GMArv.parentElement.style.height = '300px';
editorElem1792935910GMArv.style.height = '300px';
} else if (coderow1792935910GMArv >= 20) {
editorElem1792935910GMArv.parentElement.style.height = '500px';
editorElem1792935910GMArv.style.height = '500px';
}
//console.log({currentCode1792935910GMArv})
const copyBtn1792935910GMArv = document.getElementById('codeflask-copy-6JoWcjJrYM');
copyBtn1792935910GMArv.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910GMArv).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910GMArv.innerHTML;
copyBtn1792935910GMArv.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() {
copyBtn1792935910GMArv.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910GMArv);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910GMArv);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910GMArv.innerHTML;
copyBtn1792935910GMArv.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() {
copyBtn1792935910GMArv.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910GMArv = document.getElementById('codeflask-bottomBtn-6JoWcjJrYM');
const Toggle1792935910GMArv = document.getElementById('codeflask-Toggle-6JoWcjJrYM');
bottomBtn1792935910GMArv.addEventListener('click', function() {
if (isCollapsed1792935910GMArv) {
// 展开代码
isCollapsed1792935910GMArv = false;
const codeElement1792935910GMArv = editorElem1792935910GMArv.querySelector('.codeflask__code');
if (codeElement1792935910GMArv) {
const actualHeight1792935910GMArv = codeElement1792935910GMArv.scrollHeight + 20;
editorElem1792935910GMArv.parentElement.style.height = actualHeight1792935910GMArv + 'px';
editorElem1792935910GMArv.style.height = actualHeight1792935910GMArv + 'px';
}
bottomBtn1792935910GMArv.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910GMArv.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 {
// 折叠代码
isCollapsed1792935910GMArv = true;
if (coderow1792935910GMArv < 20) {
editorElem1792935910GMArv.parentElement.style.height = '300px';
editorElem1792935910GMArv.style.height = '300px';
} else if (coderow1792935910GMArv >= 20) {
editorElem1792935910GMArv.parentElement.style.height = '500px';
editorElem1792935910GMArv.style.height = '500px';
}
bottomBtn1792935910GMArv.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910GMArv.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>';
}
});
Toggle1792935910GMArv.addEventListener('click', function() {
bottomBtn1792935910GMArv.click();
});
</script><div class="ce-block" data-id="qnBXJyv6yv" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Linux / macOS</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="kgGfRsEbhL" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-kgGfRsEbhL">
<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-kgGfRsEbhL">
<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-kgGfRsEbhL" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-kgGfRsEbhL">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910fS5xt = document.getElementById('codeflask-kgGfRsEbhL');
var isCollapsed1792935910fS5xt = true;
const flask1792935910fS5xt = new CodeFlask(editorElem1792935910fS5xt, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910fS5xt = `ssh-copy-id -i ~/.ssh/server1_ed25519.pub root@1.2.3.4`;
code1792935910fS5xt = code1792935910fS5xt.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910fS5xt.addLanguage('shell', Prism.languages['shell']);
flask1792935910fS5xt.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()
flask1792935910fS5xt.updateCode(code1792935910fS5xt);
const currentCode1792935910fS5xt = flask1792935910fS5xt.getCode();
var coderow1792935910fS5xt = parseInt('');
if (coderow1792935910fS5xt === undefined || coderow1792935910fS5xt !== coderow1792935910fS5xt || coderow1792935910fS5xt === 0) {
coderow1792935910fS5xt = flask1792935910fS5xt.lineNumber;
}
if (coderow1792935910fS5xt < 20) {
editorElem1792935910fS5xt.parentElement.style.height = '300px';
editorElem1792935910fS5xt.style.height = '300px';
} else if (coderow1792935910fS5xt >= 20) {
editorElem1792935910fS5xt.parentElement.style.height = '500px';
editorElem1792935910fS5xt.style.height = '500px';
}
//console.log({currentCode1792935910fS5xt})
const copyBtn1792935910fS5xt = document.getElementById('codeflask-copy-kgGfRsEbhL');
copyBtn1792935910fS5xt.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910fS5xt).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910fS5xt.innerHTML;
copyBtn1792935910fS5xt.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() {
copyBtn1792935910fS5xt.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910fS5xt);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910fS5xt);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910fS5xt.innerHTML;
copyBtn1792935910fS5xt.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() {
copyBtn1792935910fS5xt.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910fS5xt = document.getElementById('codeflask-bottomBtn-kgGfRsEbhL');
const Toggle1792935910fS5xt = document.getElementById('codeflask-Toggle-kgGfRsEbhL');
bottomBtn1792935910fS5xt.addEventListener('click', function() {
if (isCollapsed1792935910fS5xt) {
// 展开代码
isCollapsed1792935910fS5xt = false;
const codeElement1792935910fS5xt = editorElem1792935910fS5xt.querySelector('.codeflask__code');
if (codeElement1792935910fS5xt) {
const actualHeight1792935910fS5xt = codeElement1792935910fS5xt.scrollHeight + 20;
editorElem1792935910fS5xt.parentElement.style.height = actualHeight1792935910fS5xt + 'px';
editorElem1792935910fS5xt.style.height = actualHeight1792935910fS5xt + 'px';
}
bottomBtn1792935910fS5xt.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910fS5xt.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 {
// 折叠代码
isCollapsed1792935910fS5xt = true;
if (coderow1792935910fS5xt < 20) {
editorElem1792935910fS5xt.parentElement.style.height = '300px';
editorElem1792935910fS5xt.style.height = '300px';
} else if (coderow1792935910fS5xt >= 20) {
editorElem1792935910fS5xt.parentElement.style.height = '500px';
editorElem1792935910fS5xt.style.height = '500px';
}
bottomBtn1792935910fS5xt.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910fS5xt.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>';
}
});
Toggle1792935910fS5xt.addEventListener('click', function() {
bottomBtn1792935910fS5xt.click();
});
</script><div class="ce-block ce-block--focused" data-id="okKOdbe76T" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果你的系统没有<span> </span><code>ssh-copy-id</code>，也可以用：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="F4fy54wbcZ" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-F4fy54wbcZ">
<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-F4fy54wbcZ">
<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-F4fy54wbcZ" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-F4fy54wbcZ">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910NtVm2 = document.getElementById('codeflask-F4fy54wbcZ');
var isCollapsed1792935910NtVm2 = true;
const flask1792935910NtVm2 = new CodeFlask(editorElem1792935910NtVm2, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910NtVm2 = `cat ~/.ssh/server1_ed25519.pub | ssh root@1.2.3.4 "mkdir -p ~/.ssh && cat >> ~/.ssh/authorized_keys && chmod 700 ~/.ssh && chmod 600 ~/.ssh/authorized_keys"`;
code1792935910NtVm2 = code1792935910NtVm2.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910NtVm2.addLanguage('shell', Prism.languages['shell']);
flask1792935910NtVm2.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()
flask1792935910NtVm2.updateCode(code1792935910NtVm2);
const currentCode1792935910NtVm2 = flask1792935910NtVm2.getCode();
var coderow1792935910NtVm2 = parseInt('');
if (coderow1792935910NtVm2 === undefined || coderow1792935910NtVm2 !== coderow1792935910NtVm2 || coderow1792935910NtVm2 === 0) {
coderow1792935910NtVm2 = flask1792935910NtVm2.lineNumber;
}
if (coderow1792935910NtVm2 < 20) {
editorElem1792935910NtVm2.parentElement.style.height = '300px';
editorElem1792935910NtVm2.style.height = '300px';
} else if (coderow1792935910NtVm2 >= 20) {
editorElem1792935910NtVm2.parentElement.style.height = '500px';
editorElem1792935910NtVm2.style.height = '500px';
}
//console.log({currentCode1792935910NtVm2})
const copyBtn1792935910NtVm2 = document.getElementById('codeflask-copy-F4fy54wbcZ');
copyBtn1792935910NtVm2.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910NtVm2).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910NtVm2.innerHTML;
copyBtn1792935910NtVm2.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() {
copyBtn1792935910NtVm2.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910NtVm2);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910NtVm2);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910NtVm2.innerHTML;
copyBtn1792935910NtVm2.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() {
copyBtn1792935910NtVm2.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910NtVm2 = document.getElementById('codeflask-bottomBtn-F4fy54wbcZ');
const Toggle1792935910NtVm2 = document.getElementById('codeflask-Toggle-F4fy54wbcZ');
bottomBtn1792935910NtVm2.addEventListener('click', function() {
if (isCollapsed1792935910NtVm2) {
// 展开代码
isCollapsed1792935910NtVm2 = false;
const codeElement1792935910NtVm2 = editorElem1792935910NtVm2.querySelector('.codeflask__code');
if (codeElement1792935910NtVm2) {
const actualHeight1792935910NtVm2 = codeElement1792935910NtVm2.scrollHeight + 20;
editorElem1792935910NtVm2.parentElement.style.height = actualHeight1792935910NtVm2 + 'px';
editorElem1792935910NtVm2.style.height = actualHeight1792935910NtVm2 + 'px';
}
bottomBtn1792935910NtVm2.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910NtVm2.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 {
// 折叠代码
isCollapsed1792935910NtVm2 = true;
if (coderow1792935910NtVm2 < 20) {
editorElem1792935910NtVm2.parentElement.style.height = '300px';
editorElem1792935910NtVm2.style.height = '300px';
} else if (coderow1792935910NtVm2 >= 20) {
editorElem1792935910NtVm2.parentElement.style.height = '500px';
editorElem1792935910NtVm2.style.height = '500px';
}
bottomBtn1792935910NtVm2.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910NtVm2.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>';
}
});
Toggle1792935910NtVm2.addEventListener('click', function() {
bottomBtn1792935910NtVm2.click();
});
</script><div class="ce-block" data-id="tXjgimaesu" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">四、测试密钥登录</h2>
</div>
</div><div class="ce-block" data-id="fRmKFHwY-K" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Windows PowerShell</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="lfNe2ICb_8" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-lfNe2ICb_8">
<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-lfNe2ICb_8">
<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-lfNe2ICb_8" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-lfNe2ICb_8">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910Tl1Fz = document.getElementById('codeflask-lfNe2ICb_8');
var isCollapsed1792935910Tl1Fz = true;
const flask1792935910Tl1Fz = new CodeFlask(editorElem1792935910Tl1Fz, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910Tl1Fz = `ssh -i "$env:USERPROFILE\.ssh\server1_ed25519" root@1.2.3.4`;
code1792935910Tl1Fz = code1792935910Tl1Fz.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910Tl1Fz.addLanguage('shell', Prism.languages['shell']);
flask1792935910Tl1Fz.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()
flask1792935910Tl1Fz.updateCode(code1792935910Tl1Fz);
const currentCode1792935910Tl1Fz = flask1792935910Tl1Fz.getCode();
var coderow1792935910Tl1Fz = parseInt('');
if (coderow1792935910Tl1Fz === undefined || coderow1792935910Tl1Fz !== coderow1792935910Tl1Fz || coderow1792935910Tl1Fz === 0) {
coderow1792935910Tl1Fz = flask1792935910Tl1Fz.lineNumber;
}
if (coderow1792935910Tl1Fz < 20) {
editorElem1792935910Tl1Fz.parentElement.style.height = '300px';
editorElem1792935910Tl1Fz.style.height = '300px';
} else if (coderow1792935910Tl1Fz >= 20) {
editorElem1792935910Tl1Fz.parentElement.style.height = '500px';
editorElem1792935910Tl1Fz.style.height = '500px';
}
//console.log({currentCode1792935910Tl1Fz})
const copyBtn1792935910Tl1Fz = document.getElementById('codeflask-copy-lfNe2ICb_8');
copyBtn1792935910Tl1Fz.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910Tl1Fz).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910Tl1Fz.innerHTML;
copyBtn1792935910Tl1Fz.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() {
copyBtn1792935910Tl1Fz.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910Tl1Fz);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910Tl1Fz);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910Tl1Fz.innerHTML;
copyBtn1792935910Tl1Fz.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() {
copyBtn1792935910Tl1Fz.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910Tl1Fz = document.getElementById('codeflask-bottomBtn-lfNe2ICb_8');
const Toggle1792935910Tl1Fz = document.getElementById('codeflask-Toggle-lfNe2ICb_8');
bottomBtn1792935910Tl1Fz.addEventListener('click', function() {
if (isCollapsed1792935910Tl1Fz) {
// 展开代码
isCollapsed1792935910Tl1Fz = false;
const codeElement1792935910Tl1Fz = editorElem1792935910Tl1Fz.querySelector('.codeflask__code');
if (codeElement1792935910Tl1Fz) {
const actualHeight1792935910Tl1Fz = codeElement1792935910Tl1Fz.scrollHeight + 20;
editorElem1792935910Tl1Fz.parentElement.style.height = actualHeight1792935910Tl1Fz + 'px';
editorElem1792935910Tl1Fz.style.height = actualHeight1792935910Tl1Fz + 'px';
}
bottomBtn1792935910Tl1Fz.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910Tl1Fz.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 {
// 折叠代码
isCollapsed1792935910Tl1Fz = true;
if (coderow1792935910Tl1Fz < 20) {
editorElem1792935910Tl1Fz.parentElement.style.height = '300px';
editorElem1792935910Tl1Fz.style.height = '300px';
} else if (coderow1792935910Tl1Fz >= 20) {
editorElem1792935910Tl1Fz.parentElement.style.height = '500px';
editorElem1792935910Tl1Fz.style.height = '500px';
}
bottomBtn1792935910Tl1Fz.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910Tl1Fz.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>';
}
});
Toggle1792935910Tl1Fz.addEventListener('click', function() {
bottomBtn1792935910Tl1Fz.click();
});
</script><div class="ce-block" data-id="9LjV0-M8dp" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Linux / macOS</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="4MZhl54QB3" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-4MZhl54QB3">
<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-4MZhl54QB3">
<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-4MZhl54QB3" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-4MZhl54QB3">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910sWQ6Q = document.getElementById('codeflask-4MZhl54QB3');
var isCollapsed1792935910sWQ6Q = true;
const flask1792935910sWQ6Q = new CodeFlask(editorElem1792935910sWQ6Q, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910sWQ6Q = `ssh -i ~/.ssh/server1_ed25519 root@1.2.3.4`;
code1792935910sWQ6Q = code1792935910sWQ6Q.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910sWQ6Q.addLanguage('shell', Prism.languages['shell']);
flask1792935910sWQ6Q.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()
flask1792935910sWQ6Q.updateCode(code1792935910sWQ6Q);
const currentCode1792935910sWQ6Q = flask1792935910sWQ6Q.getCode();
var coderow1792935910sWQ6Q = parseInt('');
if (coderow1792935910sWQ6Q === undefined || coderow1792935910sWQ6Q !== coderow1792935910sWQ6Q || coderow1792935910sWQ6Q === 0) {
coderow1792935910sWQ6Q = flask1792935910sWQ6Q.lineNumber;
}
if (coderow1792935910sWQ6Q < 20) {
editorElem1792935910sWQ6Q.parentElement.style.height = '300px';
editorElem1792935910sWQ6Q.style.height = '300px';
} else if (coderow1792935910sWQ6Q >= 20) {
editorElem1792935910sWQ6Q.parentElement.style.height = '500px';
editorElem1792935910sWQ6Q.style.height = '500px';
}
//console.log({currentCode1792935910sWQ6Q})
const copyBtn1792935910sWQ6Q = document.getElementById('codeflask-copy-4MZhl54QB3');
copyBtn1792935910sWQ6Q.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910sWQ6Q).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910sWQ6Q.innerHTML;
copyBtn1792935910sWQ6Q.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() {
copyBtn1792935910sWQ6Q.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910sWQ6Q);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910sWQ6Q);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910sWQ6Q.innerHTML;
copyBtn1792935910sWQ6Q.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() {
copyBtn1792935910sWQ6Q.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910sWQ6Q = document.getElementById('codeflask-bottomBtn-4MZhl54QB3');
const Toggle1792935910sWQ6Q = document.getElementById('codeflask-Toggle-4MZhl54QB3');
bottomBtn1792935910sWQ6Q.addEventListener('click', function() {
if (isCollapsed1792935910sWQ6Q) {
// 展开代码
isCollapsed1792935910sWQ6Q = false;
const codeElement1792935910sWQ6Q = editorElem1792935910sWQ6Q.querySelector('.codeflask__code');
if (codeElement1792935910sWQ6Q) {
const actualHeight1792935910sWQ6Q = codeElement1792935910sWQ6Q.scrollHeight + 20;
editorElem1792935910sWQ6Q.parentElement.style.height = actualHeight1792935910sWQ6Q + 'px';
editorElem1792935910sWQ6Q.style.height = actualHeight1792935910sWQ6Q + 'px';
}
bottomBtn1792935910sWQ6Q.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910sWQ6Q.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 {
// 折叠代码
isCollapsed1792935910sWQ6Q = true;
if (coderow1792935910sWQ6Q < 20) {
editorElem1792935910sWQ6Q.parentElement.style.height = '300px';
editorElem1792935910sWQ6Q.style.height = '300px';
} else if (coderow1792935910sWQ6Q >= 20) {
editorElem1792935910sWQ6Q.parentElement.style.height = '500px';
editorElem1792935910sWQ6Q.style.height = '500px';
}
bottomBtn1792935910sWQ6Q.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910sWQ6Q.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>';
}
});
Toggle1792935910sWQ6Q.addEventListener('click', function() {
bottomBtn1792935910sWQ6Q.click();
});
</script><div class="ce-block ce-block--focused" data-id="kQUwiMQ_7B" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果可以正常登录，说明密钥配置成功。</div>
</div>
</div><div class="ce-block" data-id="LTg7hWmYcC" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">五、一键修改 SSH 端口并关闭密码登录</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="j_2ll02P75" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">用密码先登录到服务器</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="fE0mN-vVwt" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">在服务器上执行下面命令。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="2q-3Dcxpgj" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">示例端口是<span> </span><code><code class="inline-code">22222</code></code>，可以自行修改：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="VXwehwLU8L" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-VXwehwLU8L">
<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-VXwehwLU8L">
<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-VXwehwLU8L" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-VXwehwLU8L">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910iP0Ur = document.getElementById('codeflask-VXwehwLU8L');
var isCollapsed1792935910iP0Ur = true;
const flask1792935910iP0Ur = new CodeFlask(editorElem1792935910iP0Ur, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910iP0Ur = `NEW_PORT=22222
mkdir -p /etc/ssh/sshd_config.d
cp -a /etc/ssh/sshd_config /etc/ssh/sshd_config.bak.$(date +%F-%H%M%S)
cat > /etc/ssh/sshd_config.d/99-custom-ssh.conf <<EOF
# 自定义 SSH 端口
Port \${NEW_PORT}
# 开启 SSH 密钥登录
PubkeyAuthentication yes
# 禁止 SSH 密码登录
PasswordAuthentication no
KbdInteractiveAuthentication no
ChallengeResponseAuthentication no
# root 用户只允许密钥登录
PermitRootLogin prohibit-password
EOF
# 如果安装了 UFW，则自动放行新的 SSH 端口
if command -v ufw >/dev/null 2>&1; then
ufw allow \${NEW_PORT}/tcp comment "放行自定义 SSH 端口"
fi
# 检查 SSH 配置并重载 SSH 服务
sshd -t && systemctl reload ssh || systemctl reload sshd`;
code1792935910iP0Ur = code1792935910iP0Ur.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910iP0Ur.addLanguage('shell', Prism.languages['shell']);
flask1792935910iP0Ur.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()
flask1792935910iP0Ur.updateCode(code1792935910iP0Ur);
const currentCode1792935910iP0Ur = flask1792935910iP0Ur.getCode();
var coderow1792935910iP0Ur = parseInt('');
if (coderow1792935910iP0Ur === undefined || coderow1792935910iP0Ur !== coderow1792935910iP0Ur || coderow1792935910iP0Ur === 0) {
coderow1792935910iP0Ur = flask1792935910iP0Ur.lineNumber;
}
if (coderow1792935910iP0Ur < 20) {
editorElem1792935910iP0Ur.parentElement.style.height = '300px';
editorElem1792935910iP0Ur.style.height = '300px';
} else if (coderow1792935910iP0Ur >= 20) {
editorElem1792935910iP0Ur.parentElement.style.height = '500px';
editorElem1792935910iP0Ur.style.height = '500px';
}
//console.log({currentCode1792935910iP0Ur})
const copyBtn1792935910iP0Ur = document.getElementById('codeflask-copy-VXwehwLU8L');
copyBtn1792935910iP0Ur.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910iP0Ur).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910iP0Ur.innerHTML;
copyBtn1792935910iP0Ur.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() {
copyBtn1792935910iP0Ur.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910iP0Ur);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910iP0Ur);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910iP0Ur.innerHTML;
copyBtn1792935910iP0Ur.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() {
copyBtn1792935910iP0Ur.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910iP0Ur = document.getElementById('codeflask-bottomBtn-VXwehwLU8L');
const Toggle1792935910iP0Ur = document.getElementById('codeflask-Toggle-VXwehwLU8L');
bottomBtn1792935910iP0Ur.addEventListener('click', function() {
if (isCollapsed1792935910iP0Ur) {
// 展开代码
isCollapsed1792935910iP0Ur = false;
const codeElement1792935910iP0Ur = editorElem1792935910iP0Ur.querySelector('.codeflask__code');
if (codeElement1792935910iP0Ur) {
const actualHeight1792935910iP0Ur = codeElement1792935910iP0Ur.scrollHeight + 20;
editorElem1792935910iP0Ur.parentElement.style.height = actualHeight1792935910iP0Ur + 'px';
editorElem1792935910iP0Ur.style.height = actualHeight1792935910iP0Ur + 'px';
}
bottomBtn1792935910iP0Ur.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910iP0Ur.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 {
// 折叠代码
isCollapsed1792935910iP0Ur = true;
if (coderow1792935910iP0Ur < 20) {
editorElem1792935910iP0Ur.parentElement.style.height = '300px';
editorElem1792935910iP0Ur.style.height = '300px';
} else if (coderow1792935910iP0Ur >= 20) {
editorElem1792935910iP0Ur.parentElement.style.height = '500px';
editorElem1792935910iP0Ur.style.height = '500px';
}
bottomBtn1792935910iP0Ur.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910iP0Ur.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>';
}
});
Toggle1792935910iP0Ur.addEventListener('click', function() {
bottomBtn1792935910iP0Ur.click();
});
</script><div class="ce-block ce-block--focused" data-id="BsBB_Pfx_3" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-BsBB_Pfx_3">
<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-BsBB_Pfx_3">
<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-BsBB_Pfx_3" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-BsBB_Pfx_3">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910uMbZ9 = document.getElementById('codeflask-BsBB_Pfx_3');
var isCollapsed1792935910uMbZ9 = true;
const flask1792935910uMbZ9 = new CodeFlask(editorElem1792935910uMbZ9, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910uMbZ9 = `NEW_PORT=22222
mkdir -p /etc/ssh/sshd_config.d
cp -a /etc/ssh/sshd_config /etc/ssh/sshd_config.bak.$(date +%F-%H%M%S)
cat > /etc/ssh/sshd_config.d/99-custom-ssh.conf <<EOF
# 自定义 SSH 端口
Port \${NEW_PORT}
# 开启 SSH 密钥登录
PubkeyAuthentication yes
# 禁止 SSH 密码登录
PasswordAuthentication no
KbdInteractiveAuthentication no
ChallengeResponseAuthentication no
# root 用户只允许密钥登录
PermitRootLogin prohibit-password
EOF
# 如果安装了 UFW，则自动放行新的 SSH 端口
if command -v ufw >/dev/null 2>&1; then
ufw allow \${NEW_PORT}/tcp comment "放行自定义 SSH 端口"
fi
# 检查 SSH 配置并重载 SSH 服务
sshd -t && systemctl reload ssh || systemctl reload sshd`;
code1792935910uMbZ9 = code1792935910uMbZ9.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910uMbZ9.addLanguage('shell', Prism.languages['shell']);
flask1792935910uMbZ9.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()
flask1792935910uMbZ9.updateCode(code1792935910uMbZ9);
const currentCode1792935910uMbZ9 = flask1792935910uMbZ9.getCode();
var coderow1792935910uMbZ9 = parseInt('');
if (coderow1792935910uMbZ9 === undefined || coderow1792935910uMbZ9 !== coderow1792935910uMbZ9 || coderow1792935910uMbZ9 === 0) {
coderow1792935910uMbZ9 = flask1792935910uMbZ9.lineNumber;
}
if (coderow1792935910uMbZ9 < 20) {
editorElem1792935910uMbZ9.parentElement.style.height = '300px';
editorElem1792935910uMbZ9.style.height = '300px';
} else if (coderow1792935910uMbZ9 >= 20) {
editorElem1792935910uMbZ9.parentElement.style.height = '500px';
editorElem1792935910uMbZ9.style.height = '500px';
}
//console.log({currentCode1792935910uMbZ9})
const copyBtn1792935910uMbZ9 = document.getElementById('codeflask-copy-BsBB_Pfx_3');
copyBtn1792935910uMbZ9.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910uMbZ9).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910uMbZ9.innerHTML;
copyBtn1792935910uMbZ9.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() {
copyBtn1792935910uMbZ9.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910uMbZ9);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910uMbZ9);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910uMbZ9.innerHTML;
copyBtn1792935910uMbZ9.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() {
copyBtn1792935910uMbZ9.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910uMbZ9 = document.getElementById('codeflask-bottomBtn-BsBB_Pfx_3');
const Toggle1792935910uMbZ9 = document.getElementById('codeflask-Toggle-BsBB_Pfx_3');
bottomBtn1792935910uMbZ9.addEventListener('click', function() {
if (isCollapsed1792935910uMbZ9) {
// 展开代码
isCollapsed1792935910uMbZ9 = false;
const codeElement1792935910uMbZ9 = editorElem1792935910uMbZ9.querySelector('.codeflask__code');
if (codeElement1792935910uMbZ9) {
const actualHeight1792935910uMbZ9 = codeElement1792935910uMbZ9.scrollHeight + 20;
editorElem1792935910uMbZ9.parentElement.style.height = actualHeight1792935910uMbZ9 + 'px';
editorElem1792935910uMbZ9.style.height = actualHeight1792935910uMbZ9 + 'px';
}
bottomBtn1792935910uMbZ9.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910uMbZ9.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 {
// 折叠代码
isCollapsed1792935910uMbZ9 = true;
if (coderow1792935910uMbZ9 < 20) {
editorElem1792935910uMbZ9.parentElement.style.height = '300px';
editorElem1792935910uMbZ9.style.height = '300px';
} else if (coderow1792935910uMbZ9 >= 20) {
editorElem1792935910uMbZ9.parentElement.style.height = '500px';
editorElem1792935910uMbZ9.style.height = '500px';
}
bottomBtn1792935910uMbZ9.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910uMbZ9.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>';
}
});
Toggle1792935910uMbZ9.addEventListener('click', function() {
bottomBtn1792935910uMbZ9.click();
});
</script><div class="ce-block" data-id="lmR3s81OS6" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">六、测试新端口登录</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="7_7wyJ3Bsg" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">不要关闭当前 SSH 窗口，新开一个窗口测试。</div>
</div>
</div><div class="ce-block" data-id="qJxcU_kkgN" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Windows PowerShell</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="j4i0zaNLid" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-j4i0zaNLid">
<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-j4i0zaNLid">
<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-j4i0zaNLid" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-j4i0zaNLid">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910Be8Bf = document.getElementById('codeflask-j4i0zaNLid');
var isCollapsed1792935910Be8Bf = true;
const flask1792935910Be8Bf = new CodeFlask(editorElem1792935910Be8Bf, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910Be8Bf = `ssh -i "$env:USERPROFILE\.ssh\server1_ed25519" -p 22222 root@1.2.3.4`;
code1792935910Be8Bf = code1792935910Be8Bf.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910Be8Bf.addLanguage('shell', Prism.languages['shell']);
flask1792935910Be8Bf.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()
flask1792935910Be8Bf.updateCode(code1792935910Be8Bf);
const currentCode1792935910Be8Bf = flask1792935910Be8Bf.getCode();
var coderow1792935910Be8Bf = parseInt('');
if (coderow1792935910Be8Bf === undefined || coderow1792935910Be8Bf !== coderow1792935910Be8Bf || coderow1792935910Be8Bf === 0) {
coderow1792935910Be8Bf = flask1792935910Be8Bf.lineNumber;
}
if (coderow1792935910Be8Bf < 20) {
editorElem1792935910Be8Bf.parentElement.style.height = '300px';
editorElem1792935910Be8Bf.style.height = '300px';
} else if (coderow1792935910Be8Bf >= 20) {
editorElem1792935910Be8Bf.parentElement.style.height = '500px';
editorElem1792935910Be8Bf.style.height = '500px';
}
//console.log({currentCode1792935910Be8Bf})
const copyBtn1792935910Be8Bf = document.getElementById('codeflask-copy-j4i0zaNLid');
copyBtn1792935910Be8Bf.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910Be8Bf).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910Be8Bf.innerHTML;
copyBtn1792935910Be8Bf.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() {
copyBtn1792935910Be8Bf.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910Be8Bf);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910Be8Bf);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910Be8Bf.innerHTML;
copyBtn1792935910Be8Bf.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() {
copyBtn1792935910Be8Bf.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910Be8Bf = document.getElementById('codeflask-bottomBtn-j4i0zaNLid');
const Toggle1792935910Be8Bf = document.getElementById('codeflask-Toggle-j4i0zaNLid');
bottomBtn1792935910Be8Bf.addEventListener('click', function() {
if (isCollapsed1792935910Be8Bf) {
// 展开代码
isCollapsed1792935910Be8Bf = false;
const codeElement1792935910Be8Bf = editorElem1792935910Be8Bf.querySelector('.codeflask__code');
if (codeElement1792935910Be8Bf) {
const actualHeight1792935910Be8Bf = codeElement1792935910Be8Bf.scrollHeight + 20;
editorElem1792935910Be8Bf.parentElement.style.height = actualHeight1792935910Be8Bf + 'px';
editorElem1792935910Be8Bf.style.height = actualHeight1792935910Be8Bf + 'px';
}
bottomBtn1792935910Be8Bf.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910Be8Bf.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 {
// 折叠代码
isCollapsed1792935910Be8Bf = true;
if (coderow1792935910Be8Bf < 20) {
editorElem1792935910Be8Bf.parentElement.style.height = '300px';
editorElem1792935910Be8Bf.style.height = '300px';
} else if (coderow1792935910Be8Bf >= 20) {
editorElem1792935910Be8Bf.parentElement.style.height = '500px';
editorElem1792935910Be8Bf.style.height = '500px';
}
bottomBtn1792935910Be8Bf.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910Be8Bf.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>';
}
});
Toggle1792935910Be8Bf.addEventListener('click', function() {
bottomBtn1792935910Be8Bf.click();
});
</script><div class="ce-block" data-id="gOB1SN1bpT" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">Linux / macOS</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="OjTQWK-IOh" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-OjTQWK-IOh">
<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-OjTQWK-IOh">
<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-OjTQWK-IOh" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-OjTQWK-IOh">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910EUMHd = document.getElementById('codeflask-OjTQWK-IOh');
var isCollapsed1792935910EUMHd = true;
const flask1792935910EUMHd = new CodeFlask(editorElem1792935910EUMHd, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910EUMHd = `ssh -i ~/.ssh/server1_ed25519 -p 22222 root@1.2.3.4`;
code1792935910EUMHd = code1792935910EUMHd.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910EUMHd.addLanguage('shell', Prism.languages['shell']);
flask1792935910EUMHd.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()
flask1792935910EUMHd.updateCode(code1792935910EUMHd);
const currentCode1792935910EUMHd = flask1792935910EUMHd.getCode();
var coderow1792935910EUMHd = parseInt('');
if (coderow1792935910EUMHd === undefined || coderow1792935910EUMHd !== coderow1792935910EUMHd || coderow1792935910EUMHd === 0) {
coderow1792935910EUMHd = flask1792935910EUMHd.lineNumber;
}
if (coderow1792935910EUMHd < 20) {
editorElem1792935910EUMHd.parentElement.style.height = '300px';
editorElem1792935910EUMHd.style.height = '300px';
} else if (coderow1792935910EUMHd >= 20) {
editorElem1792935910EUMHd.parentElement.style.height = '500px';
editorElem1792935910EUMHd.style.height = '500px';
}
//console.log({currentCode1792935910EUMHd})
const copyBtn1792935910EUMHd = document.getElementById('codeflask-copy-OjTQWK-IOh');
copyBtn1792935910EUMHd.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910EUMHd).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910EUMHd.innerHTML;
copyBtn1792935910EUMHd.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() {
copyBtn1792935910EUMHd.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910EUMHd);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910EUMHd);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910EUMHd.innerHTML;
copyBtn1792935910EUMHd.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() {
copyBtn1792935910EUMHd.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910EUMHd = document.getElementById('codeflask-bottomBtn-OjTQWK-IOh');
const Toggle1792935910EUMHd = document.getElementById('codeflask-Toggle-OjTQWK-IOh');
bottomBtn1792935910EUMHd.addEventListener('click', function() {
if (isCollapsed1792935910EUMHd) {
// 展开代码
isCollapsed1792935910EUMHd = false;
const codeElement1792935910EUMHd = editorElem1792935910EUMHd.querySelector('.codeflask__code');
if (codeElement1792935910EUMHd) {
const actualHeight1792935910EUMHd = codeElement1792935910EUMHd.scrollHeight + 20;
editorElem1792935910EUMHd.parentElement.style.height = actualHeight1792935910EUMHd + 'px';
editorElem1792935910EUMHd.style.height = actualHeight1792935910EUMHd + 'px';
}
bottomBtn1792935910EUMHd.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910EUMHd.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 {
// 折叠代码
isCollapsed1792935910EUMHd = true;
if (coderow1792935910EUMHd < 20) {
editorElem1792935910EUMHd.parentElement.style.height = '300px';
editorElem1792935910EUMHd.style.height = '300px';
} else if (coderow1792935910EUMHd >= 20) {
editorElem1792935910EUMHd.parentElement.style.height = '500px';
editorElem1792935910EUMHd.style.height = '500px';
}
bottomBtn1792935910EUMHd.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910EUMHd.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>';
}
});
Toggle1792935910EUMHd.addEventListener('click', function() {
bottomBtn1792935910EUMHd.click();
});
</script><div class="ce-block ce-block--focused" data-id="YPuFbG8TLo" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果可以正常登录，说明修改成功。</div>
</div>
</div><div class="ce-block" data-id="6TxjRhoqYx" >
<div class="ce-block__content" style="">
<h2 class="ce-header ce-header--left">七、关闭旧的 22 端口</h2>
</div>
</div><div class="ce-block ce-block--focused" data-id="SRogPPUMcu" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">确认新端口可以正常登录后，再关闭旧端口。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="HJr2bLbiBU" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果你使用 UFW，可以执行：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="MR2I42v_cb" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-MR2I42v_cb">
<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-MR2I42v_cb">
<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-MR2I42v_cb" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-MR2I42v_cb">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910mCPYv = document.getElementById('codeflask-MR2I42v_cb');
var isCollapsed1792935910mCPYv = true;
const flask1792935910mCPYv = new CodeFlask(editorElem1792935910mCPYv, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910mCPYv = `ufw deny 22/tcp comment "阻断 SSH 端口 22"`;
code1792935910mCPYv = code1792935910mCPYv.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910mCPYv.addLanguage('shell', Prism.languages['shell']);
flask1792935910mCPYv.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()
flask1792935910mCPYv.updateCode(code1792935910mCPYv);
const currentCode1792935910mCPYv = flask1792935910mCPYv.getCode();
var coderow1792935910mCPYv = parseInt('');
if (coderow1792935910mCPYv === undefined || coderow1792935910mCPYv !== coderow1792935910mCPYv || coderow1792935910mCPYv === 0) {
coderow1792935910mCPYv = flask1792935910mCPYv.lineNumber;
}
if (coderow1792935910mCPYv < 20) {
editorElem1792935910mCPYv.parentElement.style.height = '300px';
editorElem1792935910mCPYv.style.height = '300px';
} else if (coderow1792935910mCPYv >= 20) {
editorElem1792935910mCPYv.parentElement.style.height = '500px';
editorElem1792935910mCPYv.style.height = '500px';
}
//console.log({currentCode1792935910mCPYv})
const copyBtn1792935910mCPYv = document.getElementById('codeflask-copy-MR2I42v_cb');
copyBtn1792935910mCPYv.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910mCPYv).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910mCPYv.innerHTML;
copyBtn1792935910mCPYv.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() {
copyBtn1792935910mCPYv.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910mCPYv);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910mCPYv);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910mCPYv.innerHTML;
copyBtn1792935910mCPYv.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() {
copyBtn1792935910mCPYv.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910mCPYv = document.getElementById('codeflask-bottomBtn-MR2I42v_cb');
const Toggle1792935910mCPYv = document.getElementById('codeflask-Toggle-MR2I42v_cb');
bottomBtn1792935910mCPYv.addEventListener('click', function() {
if (isCollapsed1792935910mCPYv) {
// 展开代码
isCollapsed1792935910mCPYv = false;
const codeElement1792935910mCPYv = editorElem1792935910mCPYv.querySelector('.codeflask__code');
if (codeElement1792935910mCPYv) {
const actualHeight1792935910mCPYv = codeElement1792935910mCPYv.scrollHeight + 20;
editorElem1792935910mCPYv.parentElement.style.height = actualHeight1792935910mCPYv + 'px';
editorElem1792935910mCPYv.style.height = actualHeight1792935910mCPYv + 'px';
}
bottomBtn1792935910mCPYv.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910mCPYv.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 {
// 折叠代码
isCollapsed1792935910mCPYv = true;
if (coderow1792935910mCPYv < 20) {
editorElem1792935910mCPYv.parentElement.style.height = '300px';
editorElem1792935910mCPYv.style.height = '300px';
} else if (coderow1792935910mCPYv >= 20) {
editorElem1792935910mCPYv.parentElement.style.height = '500px';
editorElem1792935910mCPYv.style.height = '500px';
}
bottomBtn1792935910mCPYv.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910mCPYv.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>';
}
});
Toggle1792935910mCPYv.addEventListener('click', function() {
bottomBtn1792935910mCPYv.click();
});
</script><div class="ce-block ce-block--focused" data-id="imP0YdxWLx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">或者删除原来的 22 放行规则：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Hg-vNnSXzE" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-Hg-vNnSXzE">
<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-Hg-vNnSXzE">
<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-Hg-vNnSXzE" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-Hg-vNnSXzE">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910jjAaD = document.getElementById('codeflask-Hg-vNnSXzE');
var isCollapsed1792935910jjAaD = true;
const flask1792935910jjAaD = new CodeFlask(editorElem1792935910jjAaD, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910jjAaD = `ufw delete allow 22/tcp`;
code1792935910jjAaD = code1792935910jjAaD.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910jjAaD.addLanguage('shell', Prism.languages['shell']);
flask1792935910jjAaD.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()
flask1792935910jjAaD.updateCode(code1792935910jjAaD);
const currentCode1792935910jjAaD = flask1792935910jjAaD.getCode();
var coderow1792935910jjAaD = parseInt('');
if (coderow1792935910jjAaD === undefined || coderow1792935910jjAaD !== coderow1792935910jjAaD || coderow1792935910jjAaD === 0) {
coderow1792935910jjAaD = flask1792935910jjAaD.lineNumber;
}
if (coderow1792935910jjAaD < 20) {
editorElem1792935910jjAaD.parentElement.style.height = '300px';
editorElem1792935910jjAaD.style.height = '300px';
} else if (coderow1792935910jjAaD >= 20) {
editorElem1792935910jjAaD.parentElement.style.height = '500px';
editorElem1792935910jjAaD.style.height = '500px';
}
//console.log({currentCode1792935910jjAaD})
const copyBtn1792935910jjAaD = document.getElementById('codeflask-copy-Hg-vNnSXzE');
copyBtn1792935910jjAaD.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910jjAaD).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910jjAaD.innerHTML;
copyBtn1792935910jjAaD.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() {
copyBtn1792935910jjAaD.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910jjAaD);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910jjAaD);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910jjAaD.innerHTML;
copyBtn1792935910jjAaD.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() {
copyBtn1792935910jjAaD.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910jjAaD = document.getElementById('codeflask-bottomBtn-Hg-vNnSXzE');
const Toggle1792935910jjAaD = document.getElementById('codeflask-Toggle-Hg-vNnSXzE');
bottomBtn1792935910jjAaD.addEventListener('click', function() {
if (isCollapsed1792935910jjAaD) {
// 展开代码
isCollapsed1792935910jjAaD = false;
const codeElement1792935910jjAaD = editorElem1792935910jjAaD.querySelector('.codeflask__code');
if (codeElement1792935910jjAaD) {
const actualHeight1792935910jjAaD = codeElement1792935910jjAaD.scrollHeight + 20;
editorElem1792935910jjAaD.parentElement.style.height = actualHeight1792935910jjAaD + 'px';
editorElem1792935910jjAaD.style.height = actualHeight1792935910jjAaD + 'px';
}
bottomBtn1792935910jjAaD.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910jjAaD.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 {
// 折叠代码
isCollapsed1792935910jjAaD = true;
if (coderow1792935910jjAaD < 20) {
editorElem1792935910jjAaD.parentElement.style.height = '300px';
editorElem1792935910jjAaD.style.height = '300px';
} else if (coderow1792935910jjAaD >= 20) {
editorElem1792935910jjAaD.parentElement.style.height = '500px';
editorElem1792935910jjAaD.style.height = '500px';
}
bottomBtn1792935910jjAaD.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910jjAaD.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>';
}
});
Toggle1792935910jjAaD.addEventListener('click', function() {
bottomBtn1792935910jjAaD.click();
});
</script><div class="ce-block ce-block--focused" data-id="5niOt8VCzV" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">查看当前防火墙规则：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="FEtIN6dak8" >
<div class="ce-block__content">
<div class="editorjs-codeFlask_Wrapper">
<div class="editorjs-codeFlask_Header">
<div class="editorjs-codeFlask_LangDisplay">shell</div>
<button class="editorjs-codeFlask_CopyButton" title="复制代码" id="codeflask-copy-FEtIN6dak8">
<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-FEtIN6dak8">
<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-FEtIN6dak8" >
</div>
</div>
<div class="editorjs-codeFlask_BottomButtonContainer" id="codeflask-bottomBtn-FEtIN6dak8">
<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?hQQ"></script>
<script type="application/javascript">
const editorElem1792935910nGsga = document.getElementById('codeflask-FEtIN6dak8');
var isCollapsed1792935910nGsga = true;
const flask1792935910nGsga = new CodeFlask(editorElem1792935910nGsga, {
language: 'shell',
lineNumbers: true,
styleParent: this.shadowRoot,
rtl: false,
readonly: true
});
var code1792935910nGsga = `ufw status numbered`;
code1792935910nGsga = code1792935910nGsga.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/'/g, "'");
flask1792935910nGsga.addLanguage('shell', Prism.languages['shell']);
flask1792935910nGsga.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()
flask1792935910nGsga.updateCode(code1792935910nGsga);
const currentCode1792935910nGsga = flask1792935910nGsga.getCode();
var coderow1792935910nGsga = parseInt('');
if (coderow1792935910nGsga === undefined || coderow1792935910nGsga !== coderow1792935910nGsga || coderow1792935910nGsga === 0) {
coderow1792935910nGsga = flask1792935910nGsga.lineNumber;
}
if (coderow1792935910nGsga < 20) {
editorElem1792935910nGsga.parentElement.style.height = '300px';
editorElem1792935910nGsga.style.height = '300px';
} else if (coderow1792935910nGsga >= 20) {
editorElem1792935910nGsga.parentElement.style.height = '500px';
editorElem1792935910nGsga.style.height = '500px';
}
//console.log({currentCode1792935910nGsga})
const copyBtn1792935910nGsga = document.getElementById('codeflask-copy-FEtIN6dak8');
copyBtn1792935910nGsga.addEventListener('click', function() {
try {
// 先检查 Clipboard API 是否可用
if (navigator.clipboard && navigator.clipboard.writeText) {
// 使用 Clipboard API 复制代码
navigator.clipboard.writeText(code1792935910nGsga).then(function() {
// 复制成功提示
const originalText = copyBtn1792935910nGsga.innerHTML;
copyBtn1792935910nGsga.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() {
copyBtn1792935910nGsga.innerHTML = originalText;
}, 2000);
}).catch(function(err) {
// 复制失败处理
console.error('复制失败:', err);
// 降级方案：使用传统的复制方法
fallbackCopyTextToClipboard(code1792935910nGsga);
});
} else {
// Clipboard API 不可用时直接使用降级方案
fallbackCopyTextToClipboard(code1792935910nGsga);
}
// 提取降级方案为独立函数
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 = copyBtn1792935910nGsga.innerHTML;
copyBtn1792935910nGsga.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() {
copyBtn1792935910nGsga.innerHTML = originalText;
}, 2000);
} catch (copyErr) {
console.error('传统复制方法也失败了:', copyErr);
} finally {
document.body.removeChild(textArea);
}
}
} catch (err) {
console.error('复制功能不可用:', err);
}
});
const bottomBtn1792935910nGsga = document.getElementById('codeflask-bottomBtn-FEtIN6dak8');
const Toggle1792935910nGsga = document.getElementById('codeflask-Toggle-FEtIN6dak8');
bottomBtn1792935910nGsga.addEventListener('click', function() {
if (isCollapsed1792935910nGsga) {
// 展开代码
isCollapsed1792935910nGsga = false;
const codeElement1792935910nGsga = editorElem1792935910nGsga.querySelector('.codeflask__code');
if (codeElement1792935910nGsga) {
const actualHeight1792935910nGsga = codeElement1792935910nGsga.scrollHeight + 20;
editorElem1792935910nGsga.parentElement.style.height = actualHeight1792935910nGsga + 'px';
editorElem1792935910nGsga.style.height = actualHeight1792935910nGsga + 'px';
}
bottomBtn1792935910nGsga.innerHTML = '<button class="editorjs-codeFlask_BottomToggle" title="折叠代码"><span class="toggle-icon">▲</span> 折叠</button>';
Toggle1792935910nGsga.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 {
// 折叠代码
isCollapsed1792935910nGsga = true;
if (coderow1792935910nGsga < 20) {
editorElem1792935910nGsga.parentElement.style.height = '300px';
editorElem1792935910nGsga.style.height = '300px';
} else if (coderow1792935910nGsga >= 20) {
editorElem1792935910nGsga.parentElement.style.height = '500px';
editorElem1792935910nGsga.style.height = '500px';
}
bottomBtn1792935910nGsga.innerHTML = '<button class="editorjs-codeFlask_BottomToggle expand-mode" title="展开代码" data-empty="false"><span class="toggle-icon">▼</span> 展开</button>';
Toggle1792935910nGsga.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>';
}
});
Toggle1792935910nGsga.addEventListener('click', function() {
bottomBtn1792935910nGsga.click();
});
</script><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content, .ce-toolbar__content {
margin-left: auto;
margin-right: auto;
}
.cdx-quote {
position: relative;
background-color: #f8f8f8;
padding: 24px!important;
margin: 0px;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.quote-background-icon {
position: absolute;
top: 10px;
right: 10px;
opacity: 0.2;
z-index: 1;
}
.cdx-quote__text {
min-height: 30px;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.5;
color: #333;
}
.cdx-quote__caption {
padding: 10px 20px 0px 20px;
font-size: 14px;
color: #777;
}
.cdx-quote__caption-left {
text-align: left;
}
.cdx-quote__caption-center {
text-align: center;
}
.cdx-quote__caption-right {
text-align: right;
}
.cdx-quote ::before {
position: absolute;
content: attr(data-placeholder);
color: #bbb;
font-weight: normal;
opacity: 0;
}
.cdx-quote :empty::before {
opacity: 1;
}
.cdx-quote :empty:focus::before {
opacity: 0;
}
.cdx-quote-settings {
display: flex;
}
.cdx-quote-settings .cdx-settings-button {
width: 50%;
}
</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;
}
.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-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</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]