八对星星RSS订阅 ~ 浪海导航

RSS订阅内容详情介绍

文章标题：Emoji符号大全
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Emoji%E7%AC%A6%E5%8F%B7%E5%A4%A7%E5%85%A8&url=/archives/1w0ZLFvh" width="1" height="1" alt="" style="opacity:0;"> <div class="html-edited"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Emoji符号大全 - 点击复制</title> <style> :root { --primary-color: #4a6cf7; --secondary-color: #f5f7ff; --text-color: #333; --border-color: #e0e4ff; --hover-color: #e6ecff; --success-color: #4caf50; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei", sans-serif; } body { background-color: #f9fafb; color: var(--text-color); line-height: 1.6; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; } header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid var(--border-color); } h1 { color: var(--primary-color); font-size: 28px; margin-bottom: 10px; } .subtitle { color: #666; font-size: 16px; } .section { margin-bottom: 30px; background-color: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); padding: 20px; } .section-title { color: var(--primary-color); font-size: 20px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); } .emoji-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); gap: 10px; } .emoji-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; border: none; border-radius: 6px; background-color: var(--secondary-color); color: var(--text-color); font-size: 24px; cursor: pointer; transition: all 0.2s; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .emoji-btn:hover { background-color: var(--hover-color); transform: translateY(-2px); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); } .emoji-btn:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .emoji-btn:focus { outline: none; box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.3); } .copy-toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 10px 15px; background-color: var(--success-color); color: white; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity 0.3s; z-index: 1000; } .show-toast { opacity: 1; } @media (max-width: 768px) { .emoji-grid { grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); } .emoji-btn { height: 50px; font-size: 20px; } h1 { font-size: 24px; } .section-title { font-size: 18px; } } </style> <div class="container"> <header> <h1>Emoji符号大全</h1> <p class="subtitle">点击下方Emoji即可复制，支持手机和电脑端</p> </header> <div class="section" id="smileys"> <h2 class="section-title">笑脸与情绪</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="😀">😀</button> <button class="emoji-btn" data-emoji="😄">😄</button> <button class="emoji-btn" data-emoji="😁">😁</button> <button class="emoji-btn" data-emoji="😆">😆</button> <button class="emoji-btn" data-emoji="😂">😂</button> <button class="emoji-btn" data-emoji="🤣">🤣</button> <button class="emoji-btn" data-emoji="🙂">🙂</button> <button class="emoji-btn" data-emoji="🙃">🙃</button> <button class="emoji-btn" data-emoji="😉">😉</button> <button class="emoji-btn" data-emoji="😊">😊</button> <button class="emoji-btn" data-emoji="😇">😇</button> <button class="emoji-btn" data-emoji="🥰">🥰</button> <button class="emoji-btn" data-emoji="😍">😍</button> <button class="emoji-btn" data-emoji="🤩">🤩</button> <button class="emoji-btn" data-emoji="😘">😘</button> <button class="emoji-btn" data-emoji="😗">😗</button> <button class="emoji-btn" data-emoji="😚">😚</button> <button class="emoji-btn" data-emoji="😙">😙</button> <button class="emoji-btn" data-emoji="🥲">🥲</button> <button class="emoji-btn" data-emoji="😋">😋</button> <button class="emoji-btn" data-emoji="😛">😛</button> <button class="emoji-btn" data-emoji="😜">😜</button> <button class="emoji-btn" data-emoji="🤪">🤪</button> <button class="emoji-btn" data-emoji="🤑">🤑</button> <button class="emoji-btn" data-emoji="🤗">🤗</button> <button class="emoji-btn" data-emoji="🤭">🤭</button> <button class="emoji-btn" data-emoji="🤫">🤫</button> <button class="emoji-btn" data-emoji="🤔">🤔</button> <button class="emoji-btn" data-emoji="🤐">🤐</button> <button class="emoji-btn" data-emoji="🤨">🤨</button> <button class="emoji-btn" data-emoji="😐">😐</button> <button class="emoji-btn" data-emoji="😑">😑</button> <button class="emoji-btn" data-emoji="😶">😶</button> <button class="emoji-btn" data-emoji="😶‍🌫️">😶‍🌫️</button> <button class="emoji-btn" data-emoji="😏">😏</button> <button class="emoji-btn" data-emoji="😒">😒</button> <button class="emoji-btn" data-emoji="🙄">🙄</button> <button class="emoji-btn" data-emoji="😬">😬</button> <button class="emoji-btn" data-emoji="😮‍💨">😮‍💨</button> <button class="emoji-btn" data-emoji="🤥">🤥</button> <button class="emoji-btn" data-emoji="😌">😌</button> <button class="emoji-btn" data-emoji="😔">😔</button> <button class="emoji-btn" data-emoji="😪">😪</button> <button class="emoji-btn" data-emoji="🤤">🤤</button> <button class="emoji-btn" data-emoji="😴">😴</button> <button class="emoji-btn" data-emoji="😷">😷</button> <button class="emoji-btn" data-emoji="🤒">🤒</button> <button class="emoji-btn" data-emoji="🤕">🤕</button> <button class="emoji-btn" data-emoji="🤢">🤢</button> <button class="emoji-btn" data-emoji="🤮">🤮</button> <button class="emoji-btn" data-emoji="🤧">🤧</button> <button class="emoji-btn" data-emoji="🥵">🥵</button> <button class="emoji-btn" data-emoji="🥶">🥶</button> <button class="emoji-btn" data-emoji="🥴">🥴</button> <button class="emoji-btn" data-emoji="😵">😵</button> <button class="emoji-btn" data-emoji="😵‍💫">😵‍💫</button> <button class="emoji-btn" data-emoji="🤯">🤯</button> <button class="emoji-btn" data-emoji="🤠">🤠</button> <button class="emoji-btn" data-emoji="🥳">🥳</button> <button class="emoji-btn" data-emoji="🥸">🥸</button> <button class="emoji-btn" data-emoji="😎">😎</button> <button class="emoji-btn" data-emoji="🤓">🤓</button> <button class="emoji-btn" data-emoji="🧐">🧐</button> <button class="emoji-btn" data-emoji="😕">😕</button> <button class="emoji-btn" data-emoji="😟">😟</button> <button class="emoji-btn" data-emoji="🙁">🙁</button> <button class="emoji-btn" data-emoji="☹️">☹️</button> <button class="emoji-btn" data-emoji="😮">😮</button> <button class="emoji-btn" data-emoji="😯">😯</button> <button class="emoji-btn" data-emoji="😲">😲</button> <button class="emoji-btn" data-emoji="😳">😳</button> <button class="emoji-btn" data-emoji="🥺">🥺</button> <button class="emoji-btn" data-emoji="😦">😦</button> <button class="emoji-btn" data-emoji="😧">😧</button> <button class="emoji-btn" data-emoji="😨">😨</button> <button class="emoji-btn" data-emoji="😰">😰</button> <button class="emoji-btn" data-emoji="😥">😥</button> <button class="emoji-btn" data-emoji="😢">😢</button> <button class="emoji-btn" data-emoji="😭">😭</button> <button class="emoji-btn" data-emoji="😱">😱</button> <button class="emoji-btn" data-emoji="😖">😖</button> <button class="emoji-btn" data-emoji="😣">😣</button> <button class="emoji-btn" data-emoji="😞">😞</button> <button class="emoji-btn" data-emoji="😓">😓</button> <button class="emoji-btn" data-emoji="😩">😩</button> <button class="emoji-btn" data-emoji="😫">😫</button> <button class="emoji-btn" data-emoji="🥱">🥱</button> <button class="emoji-btn" data-emoji="😤">😤</button> <button class="emoji-btn" data-emoji="😡">😡</button> <button class="emoji-btn" data-emoji="😠">😠</button> <button class="emoji-btn" data-emoji="🤬">🤬</button> <button class="emoji-btn" data-emoji="😈">😈</button> <button class="emoji-btn" data-emoji="👿">👿</button> <button class="emoji-btn" data-emoji="💀">💀</button> <button class="emoji-btn" data-emoji="☠️">☠️</button> <button class="emoji-btn" data-emoji="💩">💩</button> <button class="emoji-btn" data-emoji="🤡">🤡</button> <button class="emoji-btn" data-emoji="👹">👹</button> <button class="emoji-btn" data-emoji="👺">👺</button> <button class="emoji-btn" data-emoji="👻">👻</button> <button class="emoji-btn" data-emoji="👽">👽</button> <button class="emoji-btn" data-emoji="👾">👾</button> <button class="emoji-btn" data-emoji="🤖">🤖</button> </div> </div> <div class="section" id="people"> <h2 class="section-title">人物</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="👨🏻">👨🏻</button> <button class="emoji-btn" data-emoji="👩🏻">👩🏻</button> <button class="emoji-btn" data-emoji="👦🏻">👦🏻</button> <button class="emoji-btn" data-emoji="👧🏻">👧🏻</button> <button class="emoji-btn" data-emoji="🧑🏻">🧑🏻</button> <button class="emoji-btn" data-emoji="👱🏻">👱🏻</button> <button class="emoji-btn" data-emoji="👱🏻‍♀️">👱🏻‍♀️</button> <button class="emoji-btn" data-emoji="👱🏻‍♂️">👱🏻‍♂️</button> <button class="emoji-btn" data-emoji="🧓🏻">🧓🏻</button> <button class="emoji-btn" data-emoji="👴🏻">👴🏻</button> <button class="emoji-btn" data-emoji="👵🏻">👵🏻</button> <button class="emoji-btn" data-emoji="🙍">🙍</button> <button class="emoji-btn" data-emoji="🙍‍♂️">🙍‍♂️</button> <button class="emoji-btn" data-emoji="🙍‍♀️">🙍‍♀️</button> <button class="emoji-btn" data-emoji="🙎">🙎</button> <button class="emoji-btn" data-emoji="🙎‍♂️">🙎‍♂️</button> <button class="emoji-btn" data-emoji="🙎‍♀️">🙎‍♀️</button> <button class="emoji-btn" data-emoji="🙅">🙅</button> <button class="emoji-btn" data-emoji="🙅‍♂️">🙅‍♂️</button> <button class="emoji-btn" data-emoji="🙅‍♀️">🙅‍♀️</button> <button class="emoji-btn" data-emoji="🙆">🙆</button> <button class="emoji-btn" data-emoji="🙆‍♂️">🙆‍♂️</button> <button class="emoji-btn" data-emoji="🙆‍♀️">🙆‍♀️</button> <button class="emoji-btn" data-emoji="💁">💁</button> <button class="emoji-btn" data-emoji="💁‍♂️">💁‍♂️</button> <button class="emoji-btn" data-emoji="💁‍♀️">💁‍♀️</button> <button class="emoji-btn" data-emoji="🙋">🙋</button> <button class="emoji-btn" data-emoji="🙋‍♂️">🙋‍♂️</button> <button class="emoji-btn" data-emoji="🙋‍♀️">🙋‍♀️</button> <button class="emoji-btn" data-emoji="🧏">🧏</button> <button class="emoji-btn" data-emoji="🧏‍♂️">🧏‍♂️</button> <button class="emoji-btn" data-emoji="🧏‍♀️">🧏‍♀️</button> <button class="emoji-btn" data-emoji="🙇">🙇</button> <button class="emoji-btn" data-emoji="🙇‍♂️">🙇‍♂️</button> <button class="emoji-btn" data-emoji="🙇‍♀️">🙇‍♀️</button> <button class="emoji-btn" data-emoji="🤦">🤦</button> <button class="emoji-btn" data-emoji="🤦‍♂️">🤦‍♂️</button> <button class="emoji-btn" data-emoji="🤦‍♀️">🤦‍♀️</button> <button class="emoji-btn" data-emoji="🤷">🤷</button> <button class="emoji-btn" data-emoji="🤷‍♂️">🤷‍♂️</button> <button class="emoji-btn" data-emoji="🤷‍♀️">🤷‍♀️</button> <button class="emoji-btn" data-emoji="🧑‍⚕️">🧑‍⚕️</button> <button class="emoji-btn" data-emoji="👨‍⚕️">👨‍⚕️</button> <button class="emoji-btn" data-emoji="👩‍⚕️">👩‍⚕️</button> <button class="emoji-btn" data-emoji="🧑‍🎓">🧑‍🎓</button> <button class="emoji-btn" data-emoji="👨‍🎓">👨‍🎓</button> <button class="emoji-btn" data-emoji="👩‍🎓">👩‍🎓</button> <button class="emoji-btn" data-emoji="🧑‍🏫">🧑‍🏫</button> <button class="emoji-btn" data-emoji="👨‍🏫">👨‍🏫</button> <button class="emoji-btn" data-emoji="👩‍🏫">👩‍🏫</button> <button class="emoji-btn" data-emoji="🧑‍⚖️">🧑‍⚖️</button> <button class="emoji-btn" data-emoji="👨‍⚖️">👨‍⚖️</button> <button class="emoji-btn" data-emoji="👩‍⚖️">👩‍⚖️</button> <button class="emoji-btn" data-emoji="🧑‍🌾">🧑‍🌾</button> <button class="emoji-btn" data-emoji="👨‍🌾">👨‍🌾</button> <button class="emoji-btn" data-emoji="👩‍🌾">👩‍🌾</button> <button class="emoji-btn" data-emoji="🧑‍🍳">🧑‍🍳</button> <button class="emoji-btn" data-emoji="👨‍🍳">👨‍🍳</button> <button class="emoji-btn" data-emoji="👩‍🍳">👩‍🍳</button> <button class="emoji-btn" data-emoji="🧑‍🔧">🧑‍🔧</button> <button class="emoji-btn" data-emoji="👨‍🔧">👨‍🔧</button> <button class="emoji-btn" data-emoji="👩‍🔧">👩‍🔧</button> <button class="emoji-btn" data-emoji="🧑‍🏭">🧑‍🏭</button> <button class="emoji-btn" data-emoji="👨‍🏭">👨‍🏭</button> <button class="emoji-btn" data-emoji="👩‍🏭">👩‍🏭</button> <button class="emoji-btn" data-emoji="🧑‍💼">🧑‍💼</button> <button class="emoji-btn" data-emoji="👨‍💼">👨‍💼</button> <button class="emoji-btn" data-emoji="👩‍💼">👩‍💼</button> <button class="emoji-btn" data-emoji="🧑‍🔬">🧑‍🔬</button> <button class="emoji-btn" data-emoji="👨‍🔬">👨‍🔬</button> <button class="emoji-btn" data-emoji="👩‍🔬">👩‍🔬</button> <button class="emoji-btn" data-emoji="🧑‍💻">🧑‍💻</button> <button class="emoji-btn" data-emoji="👨‍💻">👨‍💻</button> <button class="emoji-btn" data-emoji="👩‍💻">👩‍💻</button> <button class="emoji-btn" data-emoji="🧑‍🎤">🧑‍🎤</button> <button class="emoji-btn" data-emoji="👨‍🎤">👨‍🎤</button> <button class="emoji-btn" data-emoji="👩‍🎤">👩‍🎤</button> <button class="emoji-btn" data-emoji="🧑‍🎨">🧑‍🎨</button> <button class="emoji-btn" data-emoji="👨‍🎨">👨‍🎨</button> <button class="emoji-btn" data-emoji="👩‍🎨">👩‍🎨</button> <button class="emoji-btn" data-emoji="🧑‍✈️">🧑‍✈️</button> <button class="emoji-btn" data-emoji="👨‍✈️">👨‍✈️</button> <button class="emoji-btn" data-emoji="👩‍✈️">👩‍✈️</button> <button class="emoji-btn" data-emoji="🧑‍🚀">🧑‍🚀</button> <button class="emoji-btn" data-emoji="👨‍🚀">👨‍🚀</button> <button class="emoji-btn" data-emoji="👩‍🚀">👩‍🚀</button> <button class="emoji-btn" data-emoji="🧑‍🚒">🧑‍🚒</button> <button class="emoji-btn" data-emoji="👨‍🚒">👨‍🚒</button> <button class="emoji-btn" data-emoji="👩‍🚒">👩‍🚒</button> <button class="emoji-btn" data-emoji="👮">👮</button> <button class="emoji-btn" data-emoji="👮‍♂️">👮‍♂️</button> <button class="emoji-btn" data-emoji="👮‍♀️">👮‍♀️</button> <button class="emoji-btn" data-emoji="🕵">🕵</button> <button class="emoji-btn" data-emoji="🕵️‍♂️">🕵️‍♂️</button> <button class="emoji-btn" data-emoji="🕵️‍♀️">🕵️‍♀️</button> <button class="emoji-btn" data-emoji="💂">💂</button> <button class="emoji-btn" data-emoji="💂‍♂️">💂‍♂️</button> <button class="emoji-btn" data-emoji="💂‍♀️">💂‍♀️</button> <button class="emoji-btn" data-emoji="🥷">🥷</button> <button class="emoji-btn" data-emoji="👷">👷</button> <button class="emoji-btn" data-emoji="👷‍♂️">👷‍♂️</button> <button class="emoji-btn" data-emoji="👷‍♀️">👷‍♀️</button> <button class="emoji-btn" data-emoji="🫅">🫅</button> <button class="emoji-btn" data-emoji="🤴">🤴</button> <button class="emoji-btn" data-emoji="👸">👸</button> <button class="emoji-btn" data-emoji="👳">👳</button> <button class="emoji-btn" data-emoji="👳‍♂️">👳‍♂️</button> <button class="emoji-btn" data-emoji="👳‍♀️">👳‍♀️</button> <button class="emoji-btn" data-emoji="👲">👲</button> <button class="emoji-btn" data-emoji="🧕">🧕</button> </div> </div> <div class="section" id="animals"> <h2 class="section-title">动物</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="🐶">🐶</button> <button class="emoji-btn" data-emoji="🐱">🐱</button> <button class="emoji-btn" data-emoji="🐭">🐭</button> <button class="emoji-btn" data-emoji="🐹">🐹</button> <button class="emoji-btn" data-emoji="🐰">🐰</button> <button class="emoji-btn" data-emoji="🦊">🦊</button> <button class="emoji-btn" data-emoji="🐻">🐻</button> <button class="emoji-btn" data-emoji="🐼">🐼</button> <button class="emoji-btn" data-emoji="🐨">🐨</button> <button class="emoji-btn" data-emoji="🐯">🐯</button> <button class="emoji-btn" data-emoji="🦁">🦁</button> <button class="emoji-btn" data-emoji="🐄">🐄</button> <button class="emoji-btn" data-emoji="🐷">🐷</button> <button class="emoji-btn" data-emoji="🐽">🐽</button> <button class="emoji-btn" data-emoji="🐸">🐸</button> <button class="emoji-btn" data-emoji="🐵">🐵</button> <button class="emoji-btn" data-emoji="🐔">🐔</button> <button class="emoji-btn" data-emoji="🐧">🐧</button> <button class="emoji-btn" data-emoji="🐦">🐦</button> <button class="emoji-btn" data-emoji="🐤">🐤</button> <button class="emoji-btn" data-emoji="🐣">🐣</button> <button class="emoji-btn" data-emoji="🐥">🐥</button> <button class="emoji-btn" data-emoji="🦆">🦆</button> <button class="emoji-btn" data-emoji="🦅">🦅</button> <button class="emoji-btn" data-emoji="🦉">🦉</button> <button class="emoji-btn" data-emoji="🦇">🦇</button> <button class="emoji-btn" data-emoji="🐺">🐺</button> <button class="emoji-btn" data-emoji="🐗">🐗</button> <button class="emoji-btn" data-emoji="🐎">🐎</button> <button class="emoji-btn" data-emoji="🦄">🦄</button> <button class="emoji-btn" data-emoji="🐝">🐝</button> <button class="emoji-btn" data-emoji="🐛">🐛</button> <button class="emoji-btn" data-emoji="🦋">🦋</button> <button class="emoji-btn" data-emoji="🐌">🐌</button> <button class="emoji-btn" data-emoji="🐚">🐚</button> <button class="emoji-btn" data-emoji="🐞">🐞</button> <button class="emoji-btn" data-emoji="🐜">🐜</button> <button class="emoji-btn" data-emoji="🐝">🐝</button> </div> </div> <div class="section" id="food"> <h2 class="section-title">食品饮料</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="🍔">🍔</button> <button class="emoji-btn" data-emoji="🍟">🍟</button> <button class="emoji-btn" data-emoji="🍕">🍕</button> <button class="emoji-btn" data-emoji="🍖">🍖</button> <button class="emoji-btn" data-emoji="🍗">🍗</button> <button class="emoji-btn" data-emoji="🍙">🍙</button> <button class="emoji-btn" data-emoji="🍚">🍚</button> <button class="emoji-btn" data-emoji="🍘">🍘</button> <button class="emoji-btn" data-emoji="🍜">🍜</button> <button class="emoji-btn" data-emoji="🍝">🍝</button> <button class="emoji-btn" data-emoji="🍲">🍲</button> <button class="emoji-btn" data-emoji="🍥">🍥</button> <button class="emoji-btn" data-emoji="🍣">🍣</button> <button class="emoji-btn" data-emoji="🍱">🍱</button> <button class="emoji-btn" data-emoji="🍛">🍛</button> <button class="emoji-btn" data-emoji="🍜">🍜</button> <button class="emoji-btn" data-emoji="🥘">🥘</button> <button class="emoji-btn" data-emoji="🍢">🍢</button> <button class="emoji-btn" data-emoji="🍡">🍡</button> <button class="emoji-btn" data-emoji="🍧">🍧</button> <button class="emoji-btn" data-emoji="🍰">🍰</button> <button class="emoji-btn" data-emoji="🍮">🍮</button> <button class="emoji-btn" data-emoji="🍭">🍭</button> <button class="emoji-btn" data-emoji="🍬">🍬</button> <button class="emoji-btn" data-emoji="🍫">🍫</button> <button class="emoji-btn" data-emoji="🍿">🍿</button> <button class="emoji-btn" data-emoji="🍩">🍩</button> <button class="emoji-btn" data-emoji="🍪">🍪</button> <button class="emoji-btn" data-emoji="🥐">🥐</button> <button class="emoji-btn" data-emoji="🥖">🥖</button> <button class="emoji-btn" data-emoji="🧀">🧀</button> <button class="emoji-btn" data-emoji="🍞">🍞</button> <button class="emoji-btn" data-emoji="🍯">🍯</button> <button class="emoji-btn" data-emoji="🥛">🥛</button> <button class="emoji-btn" data-emoji="☕️">☕️</button> <button class="emoji-btn" data-emoji="🍵">🍵</button> <button class="emoji-btn" data-emoji="🍶">🍶</button> <button class="emoji-btn" data-emoji="🍷">🍷</button> <button class="emoji-btn" data-emoji="🍸">🍸</button> <button class="emoji-btn" data-emoji="🍹">🍹</button> <button class="emoji-btn" data-emoji="🍺">🍺</button> <button class="emoji-btn" data-emoji="🍻">🍻</button> <button class="emoji-btn" data-emoji="🥂">🥂</button> <button class="emoji-btn" data-emoji="🥃">🥃</button> </div> </div> <div class="section" id="activities"> <h2 class="section-title">活动</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="⚽️">⚽️</button> <button class="emoji-btn" data-emoji="🏀">🏀</button> <button class="emoji-btn" data-emoji="🏈">🏈</button> <button class="emoji-btn" data-emoji="🏉">🏉</button> <button class="emoji-btn" data-emoji="🎾">🎾</button> <button class="emoji-btn" data-emoji="🏐">🏐</button> <button class="emoji-btn" data-emoji="🏓">🏓</button> <button class="emoji-btn" data-emoji="🏸">🏸</button> <button class="emoji-btn" data-emoji="🥎">🥎</button> <button class="emoji-btn" data-emoji="🏒">🏒</button> <button class="emoji-btn" data-emoji="🥌">🥌</button> <button class="emoji-btn" data-emoji="⛸️">⛸️</button> <button class="emoji-btn" data-emoji="🏂">🏂</button> <button class="emoji-btn" data-emoji="🏊‍♂️">🏊‍♂️</button> <button class="emoji-btn" data-emoji="🏊‍♀️">🏊‍♀️</button> <button class="emoji-btn" data-emoji="🚴‍♂️">🚴‍♂️</button> <button class="emoji-btn" data-emoji="🚴‍♀️">🚴‍♀️</button> <button class="emoji-btn" data-emoji="🚵‍♂️">🚵‍♂️</button> <button class="emoji-btn" data-emoji="🚵‍♀️">🚵‍♀️</button> <button class="emoji-btn" data-emoji="🏇">🏇</button> <button class="emoji-btn" data-emoji="🎣">🎣</button> <button class="emoji-btn" data-emoji="🧗‍♂️">🧗‍♂️</button> <button class="emoji-btn" data-emoji="🧗‍♀️">🧗‍♀️</button> <button class="emoji-btn" data-emoji="🤸‍♂️">🤸‍♂️</button> <button class="emoji-btn" data-emoji="🤸‍♀️">🤸‍♀️</button> <button class="emoji-btn" data-emoji="🤹‍♂️">🤹‍♂️</button> <button class="emoji-btn" data-emoji="🤹‍♀️">🤹‍♀️</button> <button class="emoji-btn" data-emoji="🎨">🎨</button> <button class="emoji-btn" data-emoji="🎬">🎬</button> <button class="emoji-btn" data-emoji="🎤">🎤</button> <button class="emoji-btn" data-emoji="🎧">🎧</button> <button class="emoji-btn" data-emoji="🎼">🎼</button> <button class="emoji-btn" data-emoji="🎹">🎹</button> <button class="emoji-btn" data-emoji="🖌️">🖌️</button> <button class="emoji-btn" data-emoji="✍️">✍️</button> <button class="emoji-btn" data-emoji="🎯">🎯</button> <button class="emoji-btn" data-emoji="🏹">🏹</button> <button class="emoji-btn" data-emoji="🤺">🤺</button> <button class="emoji-btn" data-emoji="🥊">🥊</button> <button class="emoji-btn" data-emoji="🥋">🥋</button> </div> </div> <div class="section" id="places"> <h2 class="section-title">旅行与地点</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="🏨">🏨</button> <button class="emoji-btn" data-emoji="🏩">🏩</button> <button class="emoji-btn" data-emoji="🏪">🏪</button> <button class="emoji-btn" data-emoji="🏫">🏫</button> <button class="emoji-btn" data-emoji="🏬">🏬</button> <button class="emoji-btn" data-emoji="🏭">🏭</button> <button class="emoji-btn" data-emoji="🏮">🏮</button> <button class="emoji-btn" data-emoji="🏰">🏰</button> <button class="emoji-btn" data-emoji="🏝️">🏝️</button> <button class="emoji-btn" data-emoji="🏜️">🏜️</button> <button class="emoji-btn" data-emoji="🌃">🌃</button> <button class="emoji-btn" data-emoji="🌆">🌆</button> <button class="emoji-btn" data-emoji="🌇">🌇</button> <button class="emoji-btn" data-emoji="🌉">🌉</button> <button class="emoji-btn" data-emoji="🗽">🗽</button> <button class="emoji-btn" data-emoji="🗾">🗾</button> <button class="emoji-btn" data-emoji="🗺️">🗺️</button> <button class="emoji-btn" data-emoji="🌍">🌍</button> <button class="emoji-btn" data-emoji="🌎">🌎</button> <button class="emoji-btn" data-emoji="🌏">🌏</button> <button class="emoji-btn" data-emoji="✈️">✈️</button> <button class="emoji-btn" data-emoji="🚁">🚁</button> <button class="emoji-btn" data-emoji="🚢">🚢</button> <button class="emoji-btn" data-emoji="🚤">🚤</button> <button class="emoji-btn" data-emoji="🚗">🚗</button> <button class="emoji-btn" data-emoji="🚕">🚕</button> <button class="emoji-btn" data-emoji="🚙">🚙</button> <button class="emoji-btn" data-emoji="🚌">🚌</button> <button class="emoji-btn" data-emoji="🚎">🚎</button> <button class="emoji-btn" data-emoji="🚐">🚐</button> <button class="emoji-btn" data-emoji="🚚">🚚</button> <button class="emoji-btn" data-emoji="🚛">🚛</button> <button class="emoji-btn" data-emoji="🚜">🚜</button> <button class="emoji-btn" data-emoji="🚲">🚲</button> <button class="emoji-btn" data-emoji="🛵">🛵</button> <button class="emoji-btn" data-emoji="🏍️">🏍️</button> <button class="emoji-btn" data-emoji="🚄">🚄</button> <button class="emoji-btn" data-emoji="🚂">🚂</button> <button class="emoji-btn" data-emoji="🚝">🚝</button> <button class="emoji-btn" data-emoji="🚞">🚞</button> <button class="emoji-btn" data-emoji="🚢">🚢</button> </div> </div> <div class="section" id="objects"> <h2 class="section-title">物件</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="💡">💡</button> <button class="emoji-btn" data-emoji="📌">📌</button> <button class="emoji-btn" data-emoji="📍">📍</button> <button class="emoji-btn" data-emoji="📎">📎</button> <button class="emoji-btn" data-emoji="📏">📏</button> <button class="emoji-btn" data-emoji="📐">📐</button> <button class="emoji-btn" data-emoji="✂️">✂️</button> <button class="emoji-btn" data-emoji="🖊️">🖊️</button> <button class="emoji-btn" data-emoji="🖋️">🖋️</button> <button class="emoji-btn" data-emoji="📓">📓</button> <button class="emoji-btn" data-emoji="📔">📔</button> <button class="emoji-btn" data-emoji="📒">📒</button> <button class="emoji-btn" data-emoji="📕">📕</button> <button class="emoji-btn" data-emoji="📖">📖</button> <button class="emoji-btn" data-emoji="📚">📚</button> <button class="emoji-btn" data-emoji="📨">📨</button> <button class="emoji-btn" data-emoji="📩">📩</button> <button class="emoji-btn" data-emoji="📪">📪</button> <button class="emoji-btn" data-emoji="📫">📫</button> <button class="emoji-btn" data-emoji="📬">📬</button> <button class="emoji-btn" data-emoji="📭">📭</button> <button class="emoji-btn" data-emoji="📮">📮</button> <button class="emoji-btn" data-emoji="📯">📯</button> <button class="emoji-btn" data-emoji="📰">📰</button> <button class="emoji-btn" data-emoji="💻">💻</button> <button class="emoji-btn" data-emoji="🖥️">🖥️</button> <button class="emoji-btn" data-emoji="🖨️">🖨️</button> <button class="emoji-btn" data-emoji="📷">📷</button> <button class="emoji-btn" data-emoji="📹">📹</button> <button class="emoji-btn" data-emoji="🎥">🎥</button> <button class="emoji-btn" data-emoji="💿">💿</button> <button class="emoji-btn" data-emoji="📀">📀</button> <button class="emoji-btn" data-emoji="💽">💽</button> <button class="emoji-btn" data-emoji="💾">💾</button> <button class="emoji-btn" data-emoji="🗄️">🗄️</button> <button class="emoji-btn" data-emoji="🗃️">🗃️</button> <button class="emoji-btn" data-emoji="🗂️">🗂️</button> <button class="emoji-btn" data-emoji="📅">📅</button> <button class="emoji-btn" data-emoji="📆">📆</button> <button class="emoji-btn" data-emoji="📇">📇</button> <button class="emoji-btn" data-emoji="📈">📈</button> <button class="emoji-btn" data-emoji="📉">📉</button> <button class="emoji-btn" data-emoji="📊">📊</button> <button class="emoji-btn" data-emoji="✉️">✉️</button> <button class="emoji-btn" data-emoji="📧">📧</button> <button class="emoji-btn" data-emoji="📨">📨</button> </div> </div> <div class="section" id="symbols"> <h2 class="section-title">符号</h2> <div class="emoji-grid"> <button class="emoji-btn" data-emoji="🌟">🌟</button> <button class="emoji-btn" data-emoji="⭐️">⭐️</button> <button class="emoji-btn" data-emoji="💫">💫</button> <button class="emoji-btn" data-emoji="✨">✨</button> <button class="emoji-btn" data-emoji="🎇">🎇</button> <button class="emoji-btn" data-emoji="🎆">🎆</button> <button class="emoji-btn" data-emoji="🌠">🌠</button> <button class="emoji-btn" data-emoji="🔮">🔮</button> <button class="emoji-btn" data-emoji="🔯">🔯</button> <button class="emoji-btn" data-emoji="☸️">☸️</button> <button class="emoji-btn" data-emoji="〽️">〽️</button> <button class="emoji-btn" data-emoji="©">©</button> <button class="emoji-btn" data-emoji="®">®</button> <button class="emoji-btn" data-emoji="™">™</button> <button class="emoji-btn" data-emoji="™️">™️</button> <button class="emoji-btn" data-emoji="®️">®️</button> <button class="emoji-btn" data-emoji="©️">©️</button> <button class="emoji-btn" data-emoji="✝️">✝️</button> <button class="emoji-btn" data-emoji="☦️">☦️</button> <button class="emoji-btn" data-emoji="☢️">☢️</button> <button class="emoji-btn" data-emoji="☣️">☣️</button> <button class="emoji-btn" data-emoji="⚛️">⚛️</button> <button class="emoji-btn" data-emoji="⚠️">⚠️</button> <button class="emoji-btn" data-emoji="🚫">🚫</button> <button class="emoji-btn" data-emoji="⛔️">⛔️</button> <button class="emoji-btn" data-emoji="❌">❌</button> <button class="emoji-btn" data-emoji="✔️">✔️</button> <button class="emoji-btn" data-emoji="✅">✅</button> <button class="emoji-btn" data-emoji="👍">👍</button> <button class="emoji-btn" data-emoji="👎">👎</button> <button class="emoji-btn" data-emoji="✊">✊</button> <button class="emoji-btn" data-emoji="👊">👊</button> <button class="emoji-btn" data-emoji="👏">👏</button> <button class="emoji-btn" data-emoji="🙌">🙌</button> <button class="emoji-btn" data-emoji="🤝">🤝</button> <button class="emoji-btn" data-emoji="🙏">🙏</button> <button class="emoji-btn" data-emoji="✌️">✌️</button> <button class="emoji-btn" data-emoji="🤞">🤞</button> <button class="emoji-btn" data-emoji="🤟">🤟</button> <button class="emoji-btn" data-emoji="🤘">🤘</button> <button class="emoji-btn" data-emoji="👌">👌</button> <button class="emoji-btn" data-emoji="👈">👈</button> <button class="emoji-btn" data-emoji="👉">👉</button> <button class="emoji-btn" data-emoji="👆">👆</button> <button class="emoji-btn" data-emoji="👇">👇</button> <button class="emoji-btn" data-emoji="☝️">☝️</button> <button class="emoji-btn" data-emoji="🖕">🖕</button> <button class="emoji-btn" data-emoji="✋">✋</button> <button class="emoji-btn" data-emoji="🤚">🤚</button> <button class="emoji-btn" data-emoji="🖐">🖐</button> <button class="emoji-btn" data-emoji="🖖">🖖</button> <button class="emoji-btn" data-emoji="🫱">🫱</button> <button class="emoji-btn" data-emoji="🫲">🫲</button> <button class="emoji-btn" data-emoji="🫳">🫳</button> <button class="emoji-btn" data-emoji="🫴">🫴</button> <button class="emoji-btn" data-emoji="🫷">🫷</button> <button class="emoji-btn" data-emoji="🫸">🫸</button> </div> </div> </div> <div class="copy-toast" id="toast">Emoji已复制到剪贴板！</div> <script> // 获取所有Emoji按钮和提示元素 const emojiButtons = document.querySelectorAll('.emoji-btn'); const toast = document.getElementById('toast'); // 为每个按钮添加点击事件 emojiButtons.forEach(button => { button.addEventListener('click', function() { const emoji = this.getAttribute('data-emoji'); copyToClipboard(emoji); showToast(); }); }); // 复制到剪贴板函数 function copyToClipboard(text) { // 创建临时文本域 const textarea = document.createElement('textarea'); textarea.value = text; document.body.appendChild(textarea); // 选择文本并复制 textarea.select(); document.execCommand('copy'); // 移除临时文本域 document.body.removeChild(textarea); } // 显示复制提示 function showToast() { toast.classList.add('show-toast'); setTimeout(() => { toast.classList.remove('show-toast'); }, 2000); } </script> </div> <p style=""></p>
发布时间：2025-07-06 23:31:16
访问该内容
文章标题：Halo-Hao主题友链页面-自定义代码
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Halo-Hao%E4%B8%BB%E9%A2%98%E5%8F%8B%E9%93%BE%E9%A1%B5%E9%9D%A2-%E8%87%AA%E5%AE%9A%E4%B9%89%E4%BB%A3%E7%A0%81&url=/archives/GDP3kJ7j" width="1" height="1" alt="" style="opacity:0;"> <h2 style="" id="%F0%9F%A4%AA%E6%9C%AC%E5%8D%9A%E5%AE%A2%E4%B8%BB%E9%A2%98%E5%8F%8B%E9%93%BE%E9%A1%B5%E9%9D%A2">🤪本博客主题友链页面</h2> <hyperlink-card target="_blank" href="https://duinew.com/links" theme="regular" style="margin-top: 0.75em; margin-bottom: 0;"><a href="https://duinew.com/links" target="_blank">https://duinew.com/links</a></hyperlink-card> <p style=""><strong>通过访问各位大佬优秀的友链页面代码，然后加上自己的小修改。</strong></p> <pre collapsed="true"><code class="language-auto"><details> <summary>友情链接页免责声明</summary> <h2 id="免责声明"><a href="#免责声明" class="headerlink" title="免责声明" data-pjax-state=""></a>免责声明</h2> <p> 本博客遵守中华人民共和国相关法律。本页内容仅作为方便学习而产生的快速链接的链接方式，对与友情链接中存在的链接、好文推荐链接等均为其他网站。我本人能力有限无法逐个甄别每篇文章的每个字，并无法获知是否在收录后原作者是否对链接增加了违反法律甚至其他破坏用户计算机等行为。因为部分友链网站甚至没有做备案、域名并未做实名认证等，所以友链网站均可能存在风险，请你须知。 </p> <p>所以在我力所能及的情况下，我会包括但不限于：</p> <ol> <li>针对收录的博客中的绝大多数内容通过标题来鉴别是否存在有风险的内容</li> <li>在收录的友链好文推荐中检查是否存在风险内容</li> </ol> <p>但是你在访问的时候，仍然无法避免，包括但不限于：</p> <ol> <li>作者更换了超链接的指向，替换成了其他内容</li> <li>作者的服务器被恶意攻击、劫持、被注入恶意内容</li> <li>作者的域名到期，被不法分子用作他用</li> <li>作者修改了文章内容，增加钓鱼网站、广告等无效信息</li> <li>不完善的隐私保护对用户的隐私造成了侵害、泄漏</li> </ol> <p>最新文章部分为机器抓取，本站作者未经过任何审核和筛选，本着友链信任原则添加的。如果你发现其中包含违反中华人民共和国法律的内容，请及时联系和举报。该友链会被拉黑。</p> <p>如果因为从本页跳转给你造成了损失，深表歉意，并且建议用户如果发现存在问题在本页面进行回复。通常会很快处理。如果长时间无法得到处理，建议联系<strong>[email protected]</strong>。 </p> </details> <details class="folding-tag"> <summary>出现问题的友链</summary> <h2 id="出现问题的友链"><a href="#出现问题的友链" class="headerlink" title="出现问题的友链" data-pjax-state=""></a>出现问题的友链</h2> <p>如果友链出现问题会展示在这里，不再进行友链相关审查，如果已解决问题还请主动告知。</p> </details> <h2 id="友情链接申请"><a href="#友情链接申请" class="headerlink" title="友情链接申请" draggable="false" data-pjax-state=""></a>友情链接申请</h2> <p>很高兴能和非常多的朋友们交流，如果你也想加入友链，可以在下方留言，我会在不忙的时候统一添加。</p> <details> <summary>🧀 友链申请方式</summary> <h2 id="本站添加的友链要求"><a href="#本站添加的友链要求" class="headerlink" title="本站添加的友链要求" data-pjax-state=""></a>本站添加的友链要求 </h2> <ol> <li>能够正常访问</li> <li>含本站友链</li> <li>网站类型为<strong>个人博客、个人网站</strong></li> </ol> <p>请（<a onclick="addFriendLink()" href="#post-comment" data-pjax-state="anchor">点击这里快速添加</a>）站点信息申请友情链接，申请后在我不忙的时候会统一添加，即使不通过也会给予邮件回复。</p> <h2 id="你提交的信息有可能被修改"><a href="#你提交的信息有可能被修改" class="headerlink" title="你提交的信息有可能被修改" data-pjax-state=""></a>你提交的信息有可能被修改</h2> <p>如果有修改，我会将修改内容进行告知</p> <ol> <li>为了友链相关页面和组件的统一性和美观性，可能会对你的昵称进行缩短处理，例如昵称包含<strong>博客</strong>、<strong>XX的XX</strong>等内容或形式将被简化。 </li> <li>为了图片加载速度和内容安全性考虑，头像实际展示图片均使用博客自己图床，所以无法收到贵站自己的头像更新，如果有迫切的更改信息需求，请在本页的评论中添加。</li>  </ol> <h2 id="我的友链信息"><a href="#我的友链信息" class="headerlink" title="我的友链信息" data-pjax-state=""></a>我的友链信息</h2> <ol> <li>博客名称: <code>堆新</code></li> <li>博客地址: <code>https://duinew.com/</code></li> <li>博客描述: <code>堆墨成锋•新火燎原~</code></li> <li>博客头像: <code>https://d.duinew.com/logo.webp</code></li> <li>横版头像: <code>https://d.duinew.com/logo-w.webp</code></li> <li>博客订阅: <code>https://duinew.com/rss.xml</code></li> </ol> <h2 id="友链申请格式如下"> <strong> 友链申请格式如下🥳 </strong> </h2> <div class="code-toolbar"><pre class="line-numbers language-bash" tabindex="0"><code class="hljs language-bash">博客名称：博客地址：博客描述：博客头像：博客订阅： <span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span></span></code></pre><div class="toolbar c-title c-hr"><div class="toolbar-item"><span>DuiYe.cn</span></div><div class="custom-item absolute top-0"><i class="haofont hao-icon-paste copy-button code-copy cursor-pointer"></i><i class="fa-sharp fa-solid haofont hao-icon-angle-down code-expander cursor-pointer"></i></div><div class="custom-item absolute top-0"><i class="haofont hao-icon-paste copy-button code-copy cursor-pointer"></i><i class="fa-sharp fa-solid haofont hao-icon-angle-down code-expander cursor-pointer"></i></div></div></div> <h2 id="友链申请格式如下"> <strong> 示例 📢： </strong> </h2> <div class="code-toolbar"><pre class="line-numbers language-bash" tabindex="0"><code class="hljs language-bash">博客名称：堆新博客地址：https://duinew.com/ 博客描述：堆墨成锋•新火燎原~ 博客头像：https://d.duinew.com/logo.webp 横版头像：https://d.duinew.com/logo-w.webp 博客订阅：https://duinew.com/rss.xml <span aria-hidden="true" class="line-numbers-rows"><span></span><span></span><span></span><span></span></span></code></pre><div class="toolbar c-title c-hr"><div class="toolbar-item"><span>DuiYe.cn</span></div><div class="custom-item absolute top-0"><i class="haofont hao-icon-paste copy-button code-copy cursor-pointer"></i><i class="fa-sharp fa-solid haofont hao-icon-angle-down code-expander cursor-pointer"></i></div><div class="custom-item absolute top-0"><i class="haofont hao-icon-paste copy-button code-copy cursor-pointer"></i><i class="fa-sharp fa-solid haofont hao-icon-angle-down code-expander cursor-pointer"></i></div></div></div> </details> <ol> <li>博客名称: <code>堆新</code></li> <li>博客地址: <code>https://duinew.com/</code></li> <li>博客描述: <code>堆墨成锋•新火燎原~</code></li> <li>博客头像: <code>https://d.duinew.com/logo.webp</code></li> <li>横版头像: <code>https://d.duinew.com/logo-w.webp</code></li> <li>博客订阅: <code>https://duinew.com/rss.xml</code></li> </ol> <p>请<strong>勾选</strong>您符合的条件，以下条件均符合，可点✅快速申请友链：</p> <div id="friendlink_checkboxs"> <p> <label class="checkbox"><input type="checkbox" id="checkbox1" onclick="checkForm()">我已添加 <b>堆新</b> 至友情链接</label> </p> <p> <label class="checkbox"><input type="checkbox" id="checkbox2" onclick="checkForm()">我的链接主体为 <b>个人</b>，网站类型为<b>博客</b></label> </p> <p> <label class="checkbox"><input type="checkbox" id="checkbox3" onclick="checkForm()">我的网站现在<b>可以在中国大陆区域正常访问</b></label> </p> <p> <label class="checkbox"><input type="checkbox" id="checkbox4" onclick="checkForm()">网站内容<b>符合中国大陆法律法规</b></label> </p> <p> <label class="checkbox"><input type="checkbox" id="checkbox5" onclick="checkForm()"><b>一起共同进步!!!</b></label> </p> </div> <p><a href="javascript:LinkSubmitWidget.open()" title="自动提交友链"><strong>✅点我快速提交友链</strong></a></p> <script>var twikooSubmit = document.getElementsByClassName("tk-submit")[0]; if(twikooSubmit) { twikooSubmit.style.opacity = "0"; } function checkForm() { var checkbox1 = document.getElementById("checkbox1"); var checkbox2 = document.getElementById("checkbox2"); var checkbox3 = document.getElementById("checkbox3"); var checkbox4 = document.getElementById("checkbox4"); var checkbox5 = document.getElementById("checkbox5"); var twikooSubmit = document.getElementsByClassName("tk-submit")[0]; if (checkbox1.checked && checkbox2.checked && checkbox3.checked && checkbox4.checked && checkbox5.checked) { twikooSubmit.style.opacity = "1"; twikooSubmit.style.height = "auto"; twikooSubmit.style.overflow = "auto"; var input = document.getElementsByClassName('el-textarea__inner')[0]; let evt = document.createEvent('HTMLEvents'); evt.initEvent('input', true, true); input.placeholder = '请复制上方示例,粘贴在此处后,将友链修改为贵站的信息.'; input.dispatchEvent(evt); input.focus(); input.setSelectionRange(-1, -1); } else { twikooSubmit.style.opacity = "0"; twikooSubmit.style.height = "0"; twikooSubmit.style.overflow = "hidden"; } }</script> <style>.tk-comments>.tk-submit{opacity:0;height:0;transition:opacity .5s,height .5s;overflow:hidden} .checkbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .checkbox input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; height: 16px; width: 16px; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; -ms-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; cursor: pointer; display: inline-block; outline: none; border-radius: 2px; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 8px; border: 2px solid #2196f3; pointer-events: none; } .checkbox input[type="checkbox"]:before { left: 1px; top: 5px; width: 0; height: 2px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .checkbox input[type="checkbox"]:after { right: 7px; bottom: 3px; width: 2px; height: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -ms-transition-delay: 0.25s; transition-delay: 0.25s; } .checkbox input[type="checkbox"]:checked { background: #2196f3; } .checkbox input[type="checkbox"]:checked:before { left: 0; top: 7px; width: 6px; height: 2px; } .checkbox input[type="checkbox"]:checked:after { right: 3px; bottom: 1px; width: 2px; height: 10px; } .checkbox.minus input[type="checkbox"]:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); left: 1px; top: 5px; width: 0; height: 2px; } .checkbox.minus input[type="checkbox"]:checked:before { left: 1px; top: 5px; width: 10px; height: 2px; } .checkbox.minus input[type="checkbox"]:checked:after { left: 1px; top: 5px; width: 10px; height: 2px; } .checkbox.plus input[type="checkbox"]:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); left: 1px; top: 5px; width: 0; height: 2px; } .checkbox.plus input[type="checkbox"]:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); left: 5px; top: 1px; width: 2px; height: 0; } .checkbox.plus input[type="checkbox"]:checked:before { left: 1px; top: 5px; width: 10px; height: 2px; } .checkbox.plus input[type="checkbox"]:checked:after { left: 5px; top: 1px; width: 2px; height: 10px; } .checkbox.times input[type="checkbox"]:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 3px; top: 1px; width: 0; height: 2px; } .checkbox.times input[type="checkbox"]:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 3px; top: 1px; width: 0; height: 2px; } .checkbox.times input[type="checkbox"]:checked:before { left: 1px; top: 5px; width: 10px; height: 2px; } .checkbox.times input[type="checkbox"]:checked:after { right: 1px; top: 5px; width: 10px; height: 2px; } .checkbox input[type="radio"] { border-radius: 50%; } .checkbox input[type="radio"]:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; margin: 2px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .checkbox input[type="radio"]:checked:before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: var(--text-bg-hover); } .checkbox.red input { border-color: #fe5f58; } .checkbox.red input[type="checkbox"]:checked { background: #fe5f58; } .checkbox.red input[type="radio"]:checked:before { background: #fe5f58; } .checkbox.green input { border-color: #3dc550; } .checkbox.green input[type="checkbox"]:checked { background: #3dc550; } .checkbox.green input[type="radio"]:checked:before { background: #3dc550; } .checkbox.yellow input { border-color: #ffbd2b; } .checkbox.yellow input[type="checkbox"]:checked { background: #ffbd2b; } .checkbox.yellow input[type="radio"]:checked:before { background: #ffbd2b; } .checkbox.cyan input { border-color: #1bcdfc; } .checkbox.cyan input[type="checkbox"]:checked { background: #1bcdfc; } .checkbox.cyan input[type="radio"]:checked:before { background: #1bcdfc; } .checkbox.blue input { border-color: #2196f3; } .checkbox.blue input[type="checkbox"]:checked { background: #2196f3; } .checkbox.blue input[type="radio"]:checked:before { background: #2196f3; } .checkbox p { display: inline-block; margin-top: 2px !important; margin-bottom: 0 !important; } .checkbox input[type="checkbox"]:before, .checkbox input[type="checkbox"]:after { position: absolute; content: ""; background: #fff; } </style></code></pre> <hr> <p style=""></p> <h2 style="" id="%F0%9F%98%81%E9%87%87%E9%9B%86%E4%BA%8E%E4%BB%A5%E4%B8%8B%E5%8D%9A%E5%AE%A2%E5%8F%8B%E9%93%BE%E4%BB%A3%E7%A0%81">😁采集于以下博客友链代码</h2> <hyperlink-card target="_blank" href="https://www.ajinol.com/archives/mZ9n9isI" theme="regular" style="margin-top: 0.75em; margin-bottom: 0;"><a href="https://www.ajinol.com/archives/mZ9n9isI" target="_blank">https://www.ajinol.com/archives/mZ9n9isI</a></hyperlink-card> <p style=""></p>
发布时间：2025-07-02 22:46:11
访问该内容
文章标题：吃的希辣火辣-火锅
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=%E5%90%83%E7%9A%84%E5%B8%8C%E8%BE%A3%E7%81%AB%E8%BE%A3-%E7%81%AB%E9%94%85&url=/archives/vXkLG2XU" width="1" height="1" alt="" style="opacity:0;"> <p style="">不知道为啥，最近突然之间，感觉一下喜欢上了<code>吃火锅</code></p> <p style="">之前吃那麽多次，也没感觉<code>有瘾的感觉</code> 我都有点怀疑，是不是给我<code>加猛料</code>了</p> <p style="">不想那么多，不得说<code>确实巴适</code> 哈哈</p> <p style="">PS:希辣火辣一句方言🤣</p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fvip.123pan.cn%2F1812436423%2Fyk6baz03t0l000d7w33fglglqtxnznr5DIYPDqFwAqFvDvxPDqUyDa%3D%3D.webp&size=m" alt="IMG20250628180911.webp" width="991px" height="Infinitypx" style="display: inline-block"></p> <div class="columns" cols="2" style="display: flex;width: 100%;gap: 1em;"> <div class="column" index="0" style="min-width: 0;flex: 1 1;box-sizing: border-box;"> <p style="line-height: 1"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fvip.123pan.cn%2F1812436423%2Fymjew503t0n000d7w32y6mfbtrs66wtsDIYPDqFwAqFvDvxPDqUyDa%3D%3D.webp&size=m" alt="IMG20250628181014.webp" width="454px" height="373px" style="display: inline-block"></p> </div> <div class="column" index="1" style="min-width: 0;flex: 1 1;box-sizing: border-box;"> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fvip.123pan.cn%2F1812436423%2Fyk6baz03t0m000d7w33g9vs4i6daenspDIYPDqFwAqFvDvxPDqUyDa%3D%3D.webp&size=m" alt="IMG20250628181003.webp" width="454px" height="373px" style="display: inline-block"></p> </div> </div> <hr> <p style="text-align: justify">顺便求助一个问题：<code>Halo默认编辑器，怎么把两个图片排单一排上</code>🤦‍♂️</p> <ul> <li> <p style="text-align: justify">一位大佬说<code>分栏</code> 但是会有不需要的留白，不够美观</p> </li> </ul> <p style=""></p>
发布时间：2025-07-01 22:31:07
访问该内容
文章标题：OpenList：一站式开源网盘聚合管理利器，从 AList 分叉而来的项目
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=OpenList%EF%BC%9A%E4%B8%80%E7%AB%99%E5%BC%8F%E5%BC%80%E6%BA%90%E7%BD%91%E7%9B%98%E8%81%9A%E5%90%88%E7%AE%A1%E7%90%86%E5%88%A9%E5%99%A8%EF%BC%8C%E4%BB%8E%20AList%20%E5%88%86%E5%8F%89%E8%80%8C%E6%9D%A5%E7%9A%84%E9%A1%B9%E7%9B%AE&url=/archives/89JUq8dl" width="1" height="1" alt="" style="opacity:0;"> <p style=""><code>OpenList</code><span style="font-size: 16px; color: rgb(31, 35, 40)"><strong> 是在 AGPL-3.0 许可下许可的开源软件</strong>。</span></p> <p style=""></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F14%2Fimage-icfl.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style=""><span style="font-size: 16px; color: rgb(31, 35, 41)"><strong>OpenList 是从 AList 分叉而来的开源项目</strong>，在 GitHub 上收获了超</span><code> 3.8K </code><span style="font-size: 16px; color: rgb(31, 35, 41)">个星标，备受开发者和用户关注。</span></p> <p style=""><span style="font-size: 16px; color: rgb(31, 35, 40)"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F14%2Fimage-vgpf.png&size=m" width="100%" height="100%" style="display: inline-block"></span></p> <p style=""><span style="font-size: 16px; color: rgb(31, 35, 40)">目前看来，支持的网盘，和Alist差不多</span></p> <p style=""><span style="font-size: 16px; color: rgb(31, 35, 40)"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F14%2Fimage-btdh.png&size=m" width="100%" height="100%" style="display: inline-block"></span></p> <h3 style="" id="%E7%9B%AE%E5%89%8D%EF%BC%9A">目前：</h3> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F14%2Fimage-vwxa.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h3 style="" id="%E6%80%BB%E7%BB%93">总结</h3> <p style="">好消息是：有了应该可能平替Alist的项目。</p> <p style="">不算坏的消息：目前表示还未稳定，外链还未审核确定。</p> <p style="">总体来说：好消息大于坏消息，未来可能多一个平替选择，希望越来越好！</p> <h3 style="" id="github"><strong>GitHub</strong></h3> <p style=""><hyperlink-inline-card target="_blank" href="https://github.com/OpenListTeam/OpenList" theme="inline"><a href="https://github.com/OpenListTeam/OpenList" target="_blank">https://github.com/OpenListTeam/OpenList</a></hyperlink-inline-card></p> <p style=""></p>
发布时间：2025-06-14 15:40:21
访问该内容
文章标题：堆新-测试
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=%E5%A0%86%E6%96%B0-%E6%B5%8B%E8%AF%95&url=/archives/Hr1fZN3F" width="1" height="1" alt="" style="opacity:0;"><hyperlink-card target="_blank" href="https://duinew.com/archives/9oM1ewjI" theme="small" style="margin-top: 0.75em; margin-bottom: 0;"><a href="https://duinew.com/archives/9oM1ewjI" target="_blank">https://duinew.com/archives/9oM1ewjI</a></hyperlink-card><separator></separator><hyperlink-card target="_blank" href="https://duinew.com/archives/9oM1ewjI" theme="small" style="margin-top: 0.75em; margin-bottom: 0;"><a href="https://duinew.com/archives/9oM1ewjI" target="_blank">https://duinew.com/archives/9oM1ewjI</a></hyperlink-card> <p style=""></p>
发布时间：2025-06-12 21:40:45
访问该内容
文章标题：Alist疑似被卖「镜像保留」
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Alist%E7%96%91%E4%BC%BC%E8%A2%AB%E5%8D%96%E3%80%8C%E9%95%9C%E5%83%8F%E4%BF%9D%E7%95%99%E3%80%8D&url=/archives/9oM1ewjI" width="1" height="1" alt="" style="opacity:0;"> <p style=""><code>Alist</code><span style="font-size: 16px; color: rgba(0, 0, 0, 0.85)"> 是一个功能强大的开源文件列表程序，可帮助我们管理和访问各种网盘/存储文件。</span></p> <ul> <li> <p style=""><strong>支持的存储方式</strong>：Alist 支持多种存储方式，包括阿里云盘、OneDrive/Sharepoint、天翼云盘、Google Drive、百度网盘、FTP/SFTP、WebDav 等，几乎涵盖了常见的各类云存储和本地存储方式。</p> </li> <li> <p style=""><strong>部署方式</strong>：支持 Docker 部署，方便快速搭建和使用，也可以通过其他方式部署在服务器、NAS等设备上。</p> </li> </ul> <p style="">最近两天，这个<code>项目疑似被卖</code>，还是一个<code>投毒公司</code><strong>，</strong></p> <div class="columns" cols="2" style="display: flex;width: 100%;gap: 1em;"> <div class="column" index="0" style="min-width: 0;flex: 1 1;box-sizing: border-box;"> <p style="text-align: center"><strong><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F11%2Fimage-mmqr.png&size=m" alt="Alist疑似可能也许会被投毒" width="367px" height="356px" style="display: inline-block"></strong></p> </div> <div class="column" index="1" style="min-width: 0;flex: 1 1;box-sizing: border-box;"> <p style=""><strong><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F11%2Ff9669eeaec0595e8d9d2c8b7091e18b9-nqsf.jpg&size=m" alt="Alist作者回应" width="100%" height="100%" style="display: inline-block"></strong></p> </div> </div> <p style="text-align: center"><sup>图片来源于网络</sup></p> <hr> <h4 style="" id="%E4%B8%BA%E9%81%BF%E5%85%8D%E5%8F%AF%E8%83%BD%E5%8F%91%E7%94%9F%E7%9A%84%E4%BA%8B%E6%83%85%EF%BC%8C%E6%88%91%E8%BF%99%E4%BF%9D%E7%95%99%E4%BA%86%E4%B8%A4%E4%B8%AA%E7%89%88%E6%9C%AC%EF%BC%9Av3.44.0-v3.45.0">为避免可能发生的事情，我这保留了两个版本：<code>V3.44.0</code> <code>V3.45.0</code></h4> <h3 style="" id="xhofe%2Falist%3Av3.45.0">xhofe/alist:v3.45.0</h3> <pre><code>version: '3.3' services: alist: image: 'xhofe/alist:v3.45.0' container_name: Alist volumes: - '您的文件路径:/opt/alist/data' ports: - '5244:5244' environment: - PUID=0 - PGID=0 - UMASK=022 restart: unless-stopped</code></pre> <h3 style="" id="xhofe%2Falist%3Av3.44.0">xhofe/alist:v3.44.0</h3> <pre><code>version: '3.3' services: alist: image: 'xhofe/alist:v3.44.0' container_name: Alist volumes: - '您的文件路径:/opt/alist/data' ports: - '5244:5244' environment: - PUID=0 - PGID=0 - UMASK=022 restart: unless-stopped</code></pre> <hr> <h3 style="" id="alist-%E7%BE%8E%E5%8C%96%E6%95%99%E7%A8%8B-%7C-%E9%80%82%E7%94%A8%E4%BA%8E%E4%BB%A5%E4%B8%8A%E7%89%88%E6%9C%AC">Alist 美化教程 | 适用于以上版本</h3> <hyperlink-card target="_blank" href="https://duiye.cn/archives/INUGtUNd" theme="regular" style="margin-top: 0.75em; margin-bottom: 0;"><a href="https://duiye.cn/archives/INUGtUNd" target="_blank">https://duiye.cn/archives/INUGtUNd</a></hyperlink-card> <h3 style="" id="%E7%89%88%E6%9C%AC%E9%95%9C%E5%83%8F%E6%96%87%E4%BB%B6%EF%BC%9A%E5%A6%82%E4%B8%8B">版本镜像文件：如下</h3> <hyperlink-card target="_blank" href="https://www.123912.com/s/W2Z8Vv-a1N23" theme="regular" style="margin-top: 0.75em; margin-bottom: 0;"><a href="https://www.123912.com/s/W2Z8Vv-a1N23" target="_blank">https://www.123912.com/s/W2Z8Vv-a1N23</a></hyperlink-card> <p style="">提取码：<code>DUIN</code></p>
发布时间：2025-06-11 10:44:53
访问该内容
文章标题：Docker镜像加速源，自维护稳定使用！
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Docker%E9%95%9C%E5%83%8F%E5%8A%A0%E9%80%9F%E6%BA%90%EF%BC%8C%E8%87%AA%E7%BB%B4%E6%8A%A4%E7%A8%B3%E5%AE%9A%E4%BD%BF%E7%94%A8%EF%BC%81&url=/archives/I1j5mgPr" width="1" height="1" alt="" style="opacity:0;"> <h3 style="" id="%F0%9F%A4%AA%E8%AF%B7%E5%8B%BF%E6%BB%A5%E7%94%A8%EF%BC%81%E8%AF%B7%E5%8B%BF%E6%BB%A5%E7%94%A8%EF%BC%81%E8%AF%B7%E5%8B%BF%E6%BB%A5%E7%94%A8%EF%BC%81"><mark data-color="#facc15" style="background-color: #facc15; color: inherit">🤪请勿滥用！请勿滥用！请勿滥用！</mark></h3> <ul> <li> <p style=""><code>docker.dui.fan</code></p> </li> <li> <p style=""><code>docker.tqq.xyz</code></p> </li> <li> <p style=""><code>docker.six.fan</code></p> </li> <li> <p style=""><code>docker.5218.me</code></p> </li> <li> <p style=""><code>docker.erq.cc</code></p> </li> <li> <p style=""><code>docker.duinew.com</code></p> </li> </ul> <blockquote> <p style=""><s>docker.iqiq.cn</s></p> </blockquote> <h3 style="" id="%F0%9F%A4%9Enas%2Fdocker%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95%EF%BC%9A"><mark data-color="#facc15" style="background-color: #facc15; color: inherit">🤞NAS/Docker使用方法：</mark></h3> <p style="">以<code>绿联NAS</code>为例：</p> <p style=""></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F09%2Fimage-zhsn.png&size=m" width="100%" height="100%" style="display: inline-block"> <code> 方案A</code></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F09%2Fimage-udye.png&size=m" width="991px" height="691px" style="display: inline-block"></p> <p style="">添加时请添加<code>https://</code></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F10%2Fimage-ryvj.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style=""><strong>保存好即可正常拉取镜像</strong></p> <p style=""><code>方案B</code></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F10%2Fimage-jwru.png&size=m" width="991px" height="470px" style="display: inline-block"></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F10%2Fimage-pjip.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <hr> <p style=""><mark>❌链接失效留言反馈：</mark><code>[email protected]</code></p>
发布时间：2025-06-09 23:53:59
访问该内容
文章标题：「你好，远方」西藏旅行
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=%E3%80%8C%E4%BD%A0%E5%A5%BD%EF%BC%8C%E8%BF%9C%E6%96%B9%E3%80%8D%E8%A5%BF%E8%97%8F%E6%97%85%E8%A1%8C&url=/archives/1KPPtfJH" width="1" height="1" alt="" style="opacity:0;"> <blockquote> <p style=""><span style="font-size: 16px; color: rgb(106, 115, 125)">转载自：B站 - 8KRAW</span></p> </blockquote> <h3 style="" id="%E7%94%9F%E6%B4%BB%E6%88%96%E8%AE%B8%E5%B8%83%E6%BB%A1%E7%90%90%E7%A2%8E%EF%BC%8C%E4%BD%86%E5%BF%83%E5%BA%95%E6%80%BB%E6%9C%89%E4%B8%AA%E5%A3%B0%E9%9F%B3%E5%9C%A8%E5%91%A2%E5%96%83%EF%BC%8C%E5%82%AC%E4%BF%83%E6%88%91%E4%BB%AC%E5%A5%94%E8%B5%B4-%E2%80%9C%E8%AF%97%E4%B8%8E%E8%BF%9C%E6%96%B9%E2%80%9D%E3%80%82%E8%AF%97%EF%BC%8C%E6%98%AF%E7%81%B5%E9%AD%82%E7%9A%84%E6%B5%85%E5%90%9F%E4%BD%8E%E5%94%B1%EF%BC%8C%E8%BF%9C%E6%96%B9%EF%BC%8C%E6%98%AF%E7%9C%BC%E7%9C%B8%E7%9A%84%E6%97%A0%E5%B0%BD%E5%90%91%E5%BE%80%EF%BC%8C%E9%82%A3%E9%87%8C%E8%97%8F%E7%9D%80%E6%8C%A3%E8%84%B1%E5%BA%B8%E5%B8%B8%E7%9A%84%E5%8A%9B%E9%87%8F%E3%80%82"><span style="font-size: 18px"><strong>生活或许布满琐碎，但心底总有个声音在呢喃，催促我们奔赴 “诗与远方”。诗，是灵魂的浅吟低唱，远方，是眼眸的无尽向往，那里藏着挣脱庸常的力量。</strong></span></h3> <p style="text-align: left"> <video src="https://vip.123pan.cn/1812436423/17023588" width="100%" height="auto" controls="true"></video> </p> <p style=""></p>
发布时间：2025-06-08 01:20:17
访问该内容
文章标题：堆新引力-闲置域名
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=%E5%A0%86%E6%96%B0%E5%BC%95%E5%8A%9B-%E9%97%B2%E7%BD%AE%E5%9F%9F%E5%90%8D&url=/archives/fRpwSHNf" width="1" height="1" alt="" style="opacity:0;"> <div style="overflow-x: auto; overflow-y: hidden;"> <table style="width: 754px"> <colgroup> <col style="width: 53px"> <col style="width: 57px"> <col style="width: 134px"> <col style="width: 317px"> <col style="width: 193px"> </colgroup> <tbody> <tr style="height: 60px;"> <th colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">序号</p> </th> <th colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">状态</p> </th> <th colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1">域名</p> </th> <th colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1">含义「仅供参考」</p> </th> <th colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">注册时间「年」</p> </th> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">1</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>25123.cn</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">爱我123，顺子</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2006-11-17</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">2</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>9977.co</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">九九七七/久久亲亲/久久齐齐</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2010-07-22</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">3</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>5218.me</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">我爱你.吧</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2025-05-18</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">4</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>tqq.xyz</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1">套圈圈/特区圈/淘趣圈</p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2021-10-17</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">5</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>erq.cc</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1">贰柒/耳圈/2Q</p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2011-03-17</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">6</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>dui.fan</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">对/堆/兑等，单拼域名</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2025-05-12</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">7</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>six.fan</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">6的英文，six常用单词域名</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2025-05-12</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">8</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>uluk.top</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">友路客/优路客</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2025-02-22</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">9</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">❌</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>iqiq.cn</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">爱奇爱奇、爱奇趣，ABAB域名</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2021-12-29</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">10</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">❌</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>owok.cn</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">欧沃客/欧沃酷/O窝客</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2024-11-11</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">11</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>idup.cn</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">爱读派/i度派</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2024-11-11</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">12</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>zdldl.com</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">中道联动力/自动流动链</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2024-11-01</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">13</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>duitop.com</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1">堆顶/对顶</p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2025-05-26</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="53"> <p style="text-align: center; line-height: 1">14</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1">ilook.top</p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1">爱看，look</p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style=""></p> </td> </tr> <tr style="height: 60px;"> <td colspan="5" rowspan="1" colwidth="53,57,134,317,193"> <p style="text-align: center; line-height: 1"><span fontsize="" color="rgb(234, 88, 12)" style="color: rgb(234, 88, 12)"><strong>同名域名——四个后缀「cn/net/org/art」</strong></span></p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="4" colwidth="53"> <p style="text-align: center; line-height: 1"></p> <p style="text-align: center; line-height: 1"></p> <p style="text-align: center; line-height: 1"></p> <p style="text-align: center; line-height: 1">可打包</p> </td> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>duiye.cn</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">堆叶/对耶/对业</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1">2023-12-08</p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>duiye.net</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">堆叶/对耶/对业</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1"></p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>duiye.org</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">堆叶/对耶/对业</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1"></p> </td> </tr> <tr style="height: 60px;"> <td colspan="1" rowspan="1" colwidth="57"> <p style="text-align: center; line-height: 1">✅</p> </td> <td colspan="1" rowspan="1" colwidth="134"> <p style="text-align: center; line-height: 1"><code>duiye.art</code></p> </td> <td colspan="1" rowspan="1" colwidth="317"> <p style="text-align: center; line-height: 1"><span style="font-size: 15px; color: rgba(0, 0, 0, 0.8)">堆叶/对耶/对业</span></p> </td> <td colspan="1" rowspan="1" colwidth="193"> <p style="text-align: center; line-height: 1"></p> </td> </tr> </tbody> </table> </div> <hr> <h2 style="" id="%E5%9F%9F%E5%90%8D%E5%A4%A7%E9%83%A8%E5%88%86%E5%9C%A8%E9%98%BF%E9%87%8C%E4%BA%91%E4%B8%87%E7%BD%91%EF%BC%8C%E6%9C%89%E6%84%8F%E8%81%94%E7%B3%BB%EF%BC%9Aduinew%40163.com">域名大部分在阿里云万网，有意联系：<code>[email protected]</code></h2> <p style=""></p>
发布时间：2025-06-07 01:23:20
访问该内容
文章标题：Halo- 对象存储（Amazon S3 协议）链接Cloudflare R2对象存储-免费图床
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Halo-%20%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8%EF%BC%88Amazon%20S3%20%E5%8D%8F%E8%AE%AE%EF%BC%89%E9%93%BE%E6%8E%A5Cloudflare%20R2%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8-%E5%85%8D%E8%B4%B9%E5%9B%BE%E5%BA%8A&url=/archives/JPwKzbES" width="1" height="1" alt="" style="opacity:0;"> <h3 style="" id="cloudflare-r2-%E7%AE%80%E4%BB%8B"><strong>Cloudflare R2 简介</strong></h3> <p style="line-height: inherit">Cloudflare R2 是 Cloudflare 推出的对象存储服务，提供高效、低成本的云存储解决方案。</p> <h3 style="" id="cloudflare-r2%E5%92%8C%E5%85%B6%E4%BB%96%E4%BA%91%E5%AD%98%E5%82%A8%E6%9C%8D%E5%8A%A1%E7%9B%B8%E6%AF%94%E6%9C%89%E4%BB%80%E4%B9%88%E4%BC%98%E5%8A%BF%EF%BC%9F"><strong>Cloudflare R2和其他云存储服务相比有什么优势？</strong></h3> <ol start="NaN"> <li> <p style="line-height: inherit"><strong>零出口费用</strong>：这是 R2 的一个显著优势。其他云存储提供商通常会对数据的出口流量收取费用，而 Cloudflare R2 让用户无需支付出口费用，无论数据被访问的次数和流量大小如何，能为用户节省大量成本，特别是对于频繁访问存储数据的应用场景。</p> </li> <li> <p style="line-height: inherit"><strong>S3 兼容性</strong>：R2 兼容 Amazon S3 API，这意味着现有使用 S3 的应用可以无缝迁移到 R2，无需修改代码。用户可以继续使用熟悉的 S3 工具、库和扩展，降低了迁移成本和技术障碍，同时也提供了更多的灵活性。</p> </li> <li> <p style="line-height: inherit"><strong>集成 Cloudflare 功能</strong>：Cloudflare R2 融入了 Cloudflare 广泛的安全和性能优化功能。例如，它利用 Cloudflare 的全球网络，提供 DDoS 保护、智能路由和自动缩放等功能，可在全球范围内快速、安全地分发内容，确保用户的数据能够被高效、安全地访问。</p> </li> <li> <p style="line-height: inherit"><strong>避免供应商锁定</strong>：R2 允许用户存储大量非结构化数据，且没有其他云存储提供商常见的高昂出口费用或供应商锁定问题。用户可以轻松地在不同云服务提供商之间移动数据，创建可移植的多云架构，更好地控制自己的数据和成本。</p> </li> <li> <p style="line-height: inherit"><strong>与 Cloudflare Workers 原生集成</strong>：R2 与 Cloudflare Workers 紧密集成，用户可以轻松执行身份验证、路由请求，并在 Cloudflare 由 335 + 数据中心组成的网络上部署边缘函数。这使得开发人员能够构建更灵活、高效的应用程序，实现对数据的实时处理和响应。</p> </li> <li> <p style="line-height: inherit"><strong>简单的定价模式</strong>：R2 的定价基于存储的数据总量及对数据执行的两类操作，没有最小使用费用要求，价格相对实惠且一致。此外，每个 Cloudflare 账号每月还有 10GB 以内的存储免费，另带每月 100 万次 A 类操作和每月 1000 万次 B 类操作，对于小型项目和开发者来说，具有较高的性价比。</p> </li> <li> <p style="line-height: inherit"><strong>自动区域选择</strong>：R2 能够自动确定最佳存储区域，以提供优化的性能、高可用性和高效的数据传输。它会根据数据上传的位置自动选择合适的存储区域，确保数据存储在最适合访问的位置，提高数据访问速度和效率。</p> </li> <li> <p style="line-height: inherit"><strong>数据安全特性</strong>：R2 提供了多种数据安全保护措施，如可设置公共和私人存储桶，对敏感或机密数据确保安全和隐私，还能通过不可发现的存储桶名称，减少未经授权访问和针对性攻击的风险，保障存储数据的机密性和完整性。</p> </li> </ol> <h2 style="" id="%F0%9F%98%89%E6%B3%A8%E5%86%8Ccloudflare-r2%E6%9C%8D%E5%8A%A1"><strong>😉注册Cloudflare R2服务</strong></h2> <h4 style="" id="1.%E7%99%BB%E5%BD%95-cloudflare-%E5%90%8E%EF%BC%8C%E8%BF%9B%E5%85%A5-r2-%E6%9C%8D%E5%8A%A1%E9%A1%B5%E9%9D%A2%EF%BC%8C%E7%82%B9%E5%87%BB-%E2%80%9C%E5%88%9B%E5%BB%BA%E5%AD%98%E5%82%A8%E6%A1%B6%E2%80%9D%EF%BC%8C%E5%A1%AB%E5%86%99%E7%9B%B8%E5%85%B3%E4%BF%A1%E6%81%AF%EF%BC%8C%E5%A6%82%E5%AD%98%E5%82%A8%E6%A1%B6%E5%90%8D%E7%A7%B0%EF%BC%8C%E9%80%89%E6%8B%A9%E5%AD%98%E6%94%BE%E5%8C%BA%E5%9F%9F%E3%80%82"><strong>1.登录 Cloudflare 后，进入 R2 服务页面，点击 “创建存储桶”，填写相关信息，如存储桶名称，选择存放区域。</strong></h4> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F06%2F01%2Fimage-jmul.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style="line-height: inherit"></p> <p style="line-height: inherit"></p> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-tojc.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h4 style="" id="2.%E5%9C%A8%E5%AD%98%E5%82%A8%E6%A1%B6%E8%AE%BE%E7%BD%AE%E4%B8%AD%EF%BC%8C%E9%85%8D%E7%BD%AE%E8%87%AA%E5%AE%9A%E4%B9%89%E5%9F%9F%E5%90%8D%EF%BC%8C%E4%BE%BF%E4%BA%8E%E8%AE%BF%E9%97%AE%E3%80%82"><strong>2.在存储桶设置中，配置自定义域名，便于访问。</strong></h4> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-ticn.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style=""></p> <p style="line-height: inherit"><strong>设置完后会自动完成DNS设置。</strong></p> <p style="line-height: inherit"><strong>PS：可以上传文件进行测试，点击文件（域名)链接查看详情，检查是否能正常访问。</strong></p> <h2 style="" id="%F0%9F%A4%9E%E9%85%8D%E7%BD%AE-cloudflare-r2-api-token"><strong>🤞配置 Cloudflare R2 API Token</strong></h2> <h4 style="" id="1.%E5%9C%A8-cloudflare-%E6%8E%A7%E5%88%B6%E9%9D%A2%E6%9D%BF%E4%B8%AD%EF%BC%8C%E4%B8%BA%E5%AD%98%E5%82%A8%E6%A1%B6%E5%88%9B%E5%BB%BA%E3%80%8C%E7%AE%A1%E7%90%86api%E4%BB%A4%E7%89%8C%E3%80%8D%E3%80%82%E6%B7%BB%E5%8A%A0%E6%9D%83%E9%99%90%EF%BC%8C%E9%85%8D%E7%BD%AE%E5%8F%AF%E8%AE%BF%E9%97%AE%E7%9A%84%E5%AD%98%E5%82%A8%E6%A1%B6%E5%8F%8A%E4%BB%A4%E7%89%8C%E7%9A%84%E6%9C%89%E6%95%88%E6%9C%9F%EF%BC%8C%E5%A6%A5%E5%96%84%E4%BF%9D%E5%AD%98%E7%94%9F%E6%88%90%E7%9A%84%E4%BB%A4%E7%89%8C%E5%AF%86%E9%92%A5%E4%BF%A1%E6%81%AF%EF%BC%8C%E5%90%8E%E7%BB%AD%E9%85%8D%E7%BD%AE%E4%BC%9A%E7%94%A8%E5%88%B0%E3%80%82"><strong>1.在 Cloudflare 控制面板中，为存储桶创建「管理API令牌」。添加权限，配置可访问的存储桶及令牌的有效期，妥善保存生成的令牌密钥信息，后续配置会用到。</strong></h4> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-rihs.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-cyoh.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style=""><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-tekq.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style="line-height: inherit"><strong>创建完成后，妥善保存生成的令牌密钥信息</strong></p> <h2 style="" id="%F0%9F%99%8C%E9%85%8D%E7%BD%AEhalo-s3%E5%AF%B9%E8%B1%A1%E5%82%A8%E5%AD%98">🙌配置Halo S3对象储存</h2> <h4 style="" id="%E5%AE%89%E8%A3%85%E5%AF%B9%E8%B1%A1%E5%AD%98%E5%82%A8%EF%BC%88amazon-s3-%E5%8D%8F%E8%AE%AE%EF%BC%89%E6%8F%92%E4%BB%B6%EF%BC%8C%E4%B8%A4%E4%B8%AA%E4%B8%8B%E8%BD%BD%E6%96%B9%E5%BC%8F%EF%BC%9A">安装<span style="font-size: 18px"><strong><mark data-color="#facc15" style="background-color: #facc15; color: inherit">对象存储（Amazon S3 协议）</mark></strong></span>插件，<span style="font-size: 16px; color: rgb(31, 35, 40)">两个下载方式：</span></h4> <p style="line-height: inherit"><span style="font-size: 16px; color: rgb(31, 35, 40)">Halo 应用市场</span>：<a href="https://www.halo.run/store/apps/app-Qxhpp">应用：对象存储（Amazon S3 协议） - Halo - 强大易用的开源建站工具</a></p> <p style="line-height: inherit"><span style="font-size: 16px; color: rgb(31, 35, 40)">GitHub Releases：</span><a href="https://github.com/halo-dev/plugin-s3/releases">Releases · halo-dev/plugin-s3</a></p> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-qose.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h4 style="" id="%E5%9C%A8%E9%99%84%E4%BB%B6-%E5%82%A8%E5%AD%98%E7%AD%96%E7%95%A5-%E6%B7%BB%E5%8A%A0">在<strong><mark data-color="#fde047" style="background-color: #fde047; color: inherit">附件-储存策略</mark></strong> 添加</h4> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-gjug.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-mcgg.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h4 style="" id="%E9%85%8D%E7%BD%AE%E4%BB%85%E4%BE%9B%E5%8F%82%E8%80%83"><span style="font-size: 16px; color: rgb(51, 51, 51)"><strong><mark data-color="#facc15" style="background-color: #facc15; color: inherit">配置仅供参考</mark></strong></span></h4> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-cvpm.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-gsxv.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h4 style="" id="%E5%A1%AB%E5%86%99%E5%AE%8C%E5%90%8E%EF%BC%8C%E7%82%B9%E5%87%BB%E5%AF%B9%E8%B1%A1%E5%82%A8%E5%AD%98%E9%AA%8C%E8%AF%81%EF%BC%8C%E6%A3%80%E6%9F%A5%E6%98%AF%E5%90%A6%E8%BF%9E%E9%80%9A%E3%80%82">填写完后，点击对象储存验证，检查是否连通。</h4> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-akwd.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h4 style="" id="%E6%B5%8B%E8%AF%95%E5%8A%9F%E8%83%BD%E6%98%AF%E5%90%A6%E6%AD%A3%E5%B8%B8">测试功能是否正常</h4> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-frol.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h4 style="" id="%E9%80%89%E6%8B%A9%E5%88%9A%E6%89%8D%E6%B7%BB%E5%8A%A0%E7%9A%84%E5%82%A8%E5%AD%98%E7%AD%96%E7%95%A5">选择刚才添加的储存策略</h4> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-ufey.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <p style="line-height: inherit"><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2Fhalo%2F2025%2F06%2F01%2Fimage-kydq.png&size=m" width="100%" height="100%" style="display: inline-block"></p> <h2 style="" id="%E5%A4%A7%E5%8A%9F%E5%91%8A%E6%88%90%EF%BC%8C%E8%AE%B0%E5%BE%97%E7%BD%91%E9%A1%B5%E8%AE%BF%E9%97%AEurl%E6%88%96%E8%80%85%E6%96%87%E7%AB%A0%E6%B7%BB%E5%8A%A0%E6%B5%8B%E8%AF%95%E4%B8%80%E4%B8%8B%E3%80%82">大功告成，记得网页访问URL或者文章添加测试一下。</h2> <p style=""></p>
发布时间：2025-05-31 03:27:44
访问该内容
文章标题：Blinko 开源笔记工具 Docker 部署教程
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Blinko%20%E5%BC%80%E6%BA%90%E7%AC%94%E8%AE%B0%E5%B7%A5%E5%85%B7%20Docker%20%E9%83%A8%E7%BD%B2%E6%95%99%E7%A8%8B&url=/archives/jv7VntYZ" width="1" height="1" alt="" style="opacity:0;"> <p><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2Fimage-20250416230448478&size=m" alt="image-20250416230448478"></p> <h1 id="--它能干嘛-">🤠「它能干嘛」</h1> <h3 id="对比传统笔记工具的差异化优势"><strong>对比传统笔记工具的差异化优势</strong></h3> <table> <thead> <tr> <th><strong>场景</strong></th> <th><strong>Blinko 优势</strong></th> <th><strong>传统工具不足</strong></th> </tr> </thead> <tbody> <tr> <td><strong>数据主权</strong></td> <td>完全自托管，数据本地化存储</td> <td>依赖第三方云端，存在数据审查 / 泄露风险</td> </tr> <tr> <td><strong>技术扩展性</strong></td> <td>开源代码 + API 支持深度定制</td> <td>闭源生态，功能受限于官方更新节奏</td> </tr> <tr> <td><strong>AI 功能落地</strong></td> <td>原生集成智能检索、内容生成，支持自定义模型接入</td> <td>依赖第三方插件（如 Notion AI 需付费且功能有限）</td> </tr> <tr> <td><strong>轻量化部署</strong></td> <td>Docker 一键启动，适合私有云 / 离线环境</td> <td>仅支持云端使用，本地化部署复杂</td> </tr> </tbody> </table> <p><code><separator-start></separator-start></code></p> <h1 id="-1--环境准备">🔎1. 环境准备</h1> <h3 id="1-1-系统要求">1.1 系统要求</h3> <p><strong>操作系统</strong>：Linux（推荐 Ubuntu 20.04+）、macOS 或 Windows（需安装 Docker Desktop） <br> <strong>Docker</strong>：版本 <code>20.10+</code> <br> <strong>Docker Compose</strong>：版本 <code>1.29+</code></p> <h3 id="1-2-安装-Docker-与-Docker-Compose">1.2 安装 Docker 与 Docker Compose</h3> <pre><code># 安装 Docker sudo apt update && sudo apt install docker.io docker-compose -y sudo systemctl enable --now docker </code></pre> <h3 id="1-3-NAS安装-Docker-与-Docker-Compose-即可">1.3 NAS安装 Docker 与 Docker Compose 即可</h3> <h1 id="-2--部署步骤">🤗2. 部署步骤</h1> <h3 id="2-1-创建部署目录">2.1 创建部署目录</h3> <pre><code>mkdir -p /data/blinko && cd /data/blinko </code></pre> <h3 id="2-2-Docker-安装">2.2 Docker 安装</h3> <blockquote> <ol> <li>必须挂载 <strong>postgres</strong> 的数据卷，否则您的数据将丢失</li> <li>替换为您自己的安全密钥 <code>NEXTAUTH_SECRET=my_ultra_secure_nextauth_secret</code></li> </ol> </blockquote> <ul> <li>第 1 步：创建自定义 Docker 网络</li> </ul> <pre><code>docker network create blinko-network </code></pre> <p>第 2 步：运行 PostgreSQL 数据库容器</p> <pre><code>docker run -d \ --name blinko-postgres \ --network blinko-network \ -v <your-path>:/var/lib/postgresql/data \ -p 5435:5432 \ -e POSTGRES_DB=postgres \ -e POSTGRES_USER=postgres \ -e POSTGRES_PASSWORD=mysecretpassword \ -e TZ=Asia/Shanghai \ --restart always \ postgres:14 </code></pre> <p>第 3 步：运行 Blinko 网站容器</p> <pre><code>docker run -d \ --name blinko-website \ --network blinko-network \ -v <your-path>:/app/.blinko \ -p 1111:1111 \ -e NODE_ENV=production \ -e NEXTAUTH_URL=http://localhost:1111 \ -e NEXT_PUBLIC_BASE_URL=http://localhost:1111 \ -e NEXTAUTH_SECRET=my_ultra_secure_nextauth_secret \ -e DATABASE_URL=postgresql://postgres:mysecretpassword@blinko-postgres:5432/postgres \ --restart always \ blinkospace/blinko:latest </code></pre> <h3 id="2-2-Docker-Compose-安装">2.2 Docker Compose 安装</h3> <p>第 1 步：创建 docker-compose.yml</p> <pre><code class="language-yaml">networks: blinko-network: driver: bridge services: blinko-website: image: blinkospace/blinko:latest container_name: blinko-website environment: NODE_ENV: production # NEXTAUTH_URL: http://localhost:1111 # IMPORTANT: If you want to use sso, you must set NEXTAUTH_URL to your own domain # NEXT_PUBLIC_BASE_URL: http://localhost:1111 # IMPORTANT: Replace this with your own secure secret key! NEXTAUTH_SECRET: my_ultra_secure_nextauth_secret DATABASE_URL: postgresql://postgres:mysecretpassword@postgres:5432/postgres depends_on: postgres: condition: service_healthy # Make sure you have enough permissions. # volumes: # - ~/your-name/.blinko:/app/.blinko restart: always logging: options: max-size: "10m" max-file: "3" ports: - 1111:1111 healthcheck: test: ["CMD", "curl", "-f", "http://blinko-website:1111/"] interval: 30s timeout: 10s retries: 5 start_period: 30s networks: - blinko-network postgres: image: postgres:14 container_name: blinko-postgres restart: always ports: - 5435:5432 environment: POSTGRES_DB: postgres POSTGRES_USER: postgres POSTGRES_PASSWORD: mysecretpassword TZ: Asia/Shanghai # Persisting container data # Make sure you have enough permissions. # volumes: # - ~/your-name/.db:/var/lib/postgresql/data healthcheck: test: ["CMD", "pg_isready", "-U", "postgres", "-d", "postgres"] interval: 5s timeout: 10s retries: 5 networks: - blinko-network </code></pre> <p>第 2 步：执行 docker-compose 命令启动 Blinko</p> <pre><code>docker-compose -f docker-compose.yml up -d </code></pre> <h1 id="-3--配置说明">👍3. 配置说明</h1> <h3 id="3-1-环境变量">3.1 环境变量</h3> <table> <thead> <tr> <th>变量名</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td><code>POSTGRES_PASSWORD</code></td> <td>PostgreSQL 数据库密码</td> </tr> <tr> <td><code>NEXTAUTH_SECRET</code></td> <td>NextAuth.js 加密密钥（需随机生成）</td> </tr> <tr> <td><code>DATABASE_URL</code></td> <td>数据库连接字符串（格式：<code>postgresql://用户名:密码@数据库服务名:端口/数据库名</code>）</td> </tr> <tr> <td><code>NEXTAUTH_URL</code></td> <td>Blinko 服务 URL（用于身份验证回调）</td> </tr> <tr> <td><code>NEXT_PUBLIC_BASE_URL</code></td> <td>Blinko 基础 URL（客户端使用）</td> </tr> </tbody> </table> <h3 id="3-2-数据持久化">3.2 数据持久化</h3> <p><strong>数据库数据</strong>：通过 <code>./db</code> 目录持久化 PostgreSQL 数据 <br> <strong>应用数据</strong>：通过 <code>./blinko_data</code> 目录存储笔记、附件等内容</p> <h1 id="--4--访问与使用">✌️4. 访问与使用</h1> <h3 id="4-1-首次访问">4.1 首次访问</h3> <p>打开浏览器访问：<code>http://your_server_ip:1111</code> <br> 注册账号并登录</p> <h3 id="4-2-基础功能">4.2 基础功能</h3> <ol> <li><strong>闪念记录</strong>：快速捕捉灵感，支持 Markdown 格式</li> <li><strong>笔记管理</strong>：支持标签分类、批量操作</li> <li><strong>AI 检索</strong>：通过自然语言查询笔记（需配置 AI 模型）</li> </ol> <h3 id="4-3-配置-AI-功能">4.3 配置 AI 功能</h3> <ol> <li>进入 <strong>Settings > AI Configuration</strong></li> <li>填写 OpenAI API Key 和模型接口地址</li> <li>选择模型（如 <code>gpt-3.5-turbo</code>）</li> </ol> <h1 id="-5--安全与优化">🤞5. 安全与优化</h1> <h3 id="5-1-HTTPS-配置-推荐-">5.1 HTTPS 配置（推荐）</h3> <pre><code># 安装 Nginx 反向代理 sudo apt install nginx -y # 配置 Nginx 站点（/etc/nginx/sites-available/blinko） server { listen 80; server_name your_domain.com; location / { proxy_pass http://localhost:1111; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } } # 启用 HTTPS（需先获取证书） sudo certbot --nginx -d your_domain.com </code></pre> <ul> <li> <h3 id="5-2-安全建议">5.2 安全建议</h3> </li> </ul> <ol> <li>使用强密码并定期更换</li> <li>限制容器权限（如 <code>--user</code> 参数）</li> <li>启用防火墙（如 <code>ufw</code>）</li> <li>定期备份数据</li> </ol> <h1 id="-6--维护与更新">🙌6. 维护与更新</h1> <h3 id="6-1-更新-Blinko">6.1 更新 Blinko</h3> <pre><code># 拉取最新镜像 docker-compose pull blinko # 重启容器 docker-compose up -d blinko </code></pre> <h3 id="6-2-升级数据库">6.2 升级数据库</h3> <pre><code># 备份现有数据 docker-compose exec postgres pg_dump -U postgres blinko > backup.sql # 停止并删除旧容器 docker-compose down # 升级 Docker Compose 文件 # 重新启动容器 docker-compose up -d </code></pre> <h1 id="--7--常见问题">⁉️7. 常见问题</h1> <h3 id="7-1-容器启动失败">7.1 容器启动失败</h3> <pre><code># 检查日志 docker-compose logs # 检查端口占用 sudo lsof -i :1111 </code></pre> <h3 id="7-2-数据库连接失败">7.2 数据库连接失败</h3> <pre><code># 确认 DATABASE_URL 格式正确 # 检查容器网络 docker network inspect blinko_default </code></pre> <h3 id="7-3-AI-功能报错">7.3 AI 功能报错</h3> <pre><code># 检查 API Key 是否有效 # 确认模型接口地址是否正确 </code></pre> <p><code><separator-end></separator-end></code></p>
发布时间：2025-05-30 02:03:36
访问该内容
文章标题：Alist 美化教程 | 适用于各版本
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=Alist%20%E7%BE%8E%E5%8C%96%E6%95%99%E7%A8%8B%20%7C%20%E9%80%82%E7%94%A8%E4%BA%8E%E5%90%84%E7%89%88%E6%9C%AC&url=/archives/INUGtUNd" width="1" height="1" alt="" style="opacity:0;"> <h3 id="-先看效果">🤪先看效果</h3> <p><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fqn.duiye.cn%2FarticlePicture%2Fuluk11747297899531947.png&size=m" alt="image.png"></p> <h3 id="-打开后台网站-">😉打开后台网站 <code>设置``全局``自定义头部``自定义内容</code></h3> <h3 id="-代码如下-">🤫<code>自定义头部</code>代码如下：</h3> <pre><code class="language- <link rel="stylesheet" href="https://npm.elemecdn.com/[email protected]/lxgwwenkai-regular.css" /> <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .hope-ui-light { background-image: url("自己的图片链接") !important; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position-x:center; } /*网盘列表*/ .obj-box { background-color: rgba(255, 255, 255, 0.4)!important; } /*Logo图片*/ .header-left img { filter: drop-shadow(0px 0px 20px rgb(9, 187, 189)); filter: brightness(1.5); } /*头部、面包屑、搜索*/ .header,.hope-breadcrumb,.header-right { background-color: unset!important; background: unset !important; color:#ffffff!important; } /* 去除右上角状态切换按钮 */ .header-right button { display: none!important; } /*只保留搜索按钮，搜索按钮背景透明*/ .header-right .hope-stack { width:36px!important; background: unset !important; } kbd { display: none!important; } /*顶部右上角切换按钮颜色*/ *[aria-label="switch layout"]{ color:#ffffff!important; } /*右下角按钮颜色*/ .toolbar-toggle { color:#ffffff!important; } /*顶部右上角切换按钮透明*/ .hope-button,.hope-icon-button { background-color: rgba(255, 255, 255, 0.4)!important; } /* 去除通知栏右上角 X *[aria-label="Close"] { display: none!important; } */ /*通知字体颜色*/ .markdown-body, .markdown-body a { color:#000000!important; text-shadow: 2px 2px 5px #ffffff; } /*代码块透明*/ .hope-ui-light pre { background-color: rgba(255, 255, 255, 0.4)!important; } /*网盘列表标题*/ .title .hope-text { color:#ffffff!important; text-shadow: 0px 0px 10px #00c2cb, 0px 0px 20px #fff; } /*网盘列表项目*/ .list-item { color:#ffffff!important; text-shadow: 2px 2px 5px #000000; } /*网盘列表项目 - 图标*/ .list-item svg { color:#ffe0b5!important; text-shadow: 2px 2px 5px #000000; } /*底部CSS开始*/ .dibu { border-top: 0px; position: absolute; width: 100%; margin: 0px; padding: 0px; color:#ffffff!important; text-shadow: 2px 2px 5px #000000; line-height: 30px; font-weight: bold; } .nav-yiyan { font-size: 16px; margin-bottom:10px; } .nav-item { font-size: 14px; } .nav-time { font-size: 12px; } /*底部CSS结束*/ /*去掉底部*/ .footer { display: none!important; } /*全局字体*/ * { font-family:LXGW WenKai; } </style> </code></pre> <hr> <h3 id="---代码如下-">😮‍💨<code>自定义内容</code>代码如下：</h3> <pre><code class="language-"> <div id="customize" style="display: none;"> <div> <center class="dibu"> <div class="nav-yiyan"> <span id="hitokoto"> <a href="#" id="hitokoto_text">"人生最大的遗憾,就是在最无能为力的时候遇到一个想要保护一生的人."</a> </span> <p style="margin-left: 10rem;font-size: 12px;"> —— 堆叶｜数据仓库</p> </div> <div style=" line-height: 20px;font-size: 14px;font-weight: bold;"> <span class="nav-item"> <a class="nav-link" href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=450466196" target="_blank"> <i class="fa fa-smile-o"></i> QQ　|　 </a> </span>  <span class="nav-item"> <a href="https://github.com/Xhofe/alist" target="_blank"> <i class="fa fa-copyright"></i> Alist　|　 </a> </span>  <span class="nav-item"> <a href="mailto:[email protected]" target="_blank"> <i class="fa fa-envelope"></i> 邮箱　|　 </a> </span>  <span class="nav-item"> <a href="https://www.duiye.cn" target="_blank"> <i class="fa fa-check-square"></i> 博客　|　 </a> </span>  <span class="nav-item"> <a href="/@manage" target="_blank"> <i class="fa fa-toggle-on"></i> 管理 </a> </span> </div> <div class="nav-time"><span id="runtime_span"></span></div> </center> </div>  <script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script> <style> body { background-color: var(--hope-colors-background); font-family: inherit; line-height: inherit; -webkit-font-smoothing: antialiased; } </style>  </div>  <script> let interval = setInterval(() => { if (document.querySelector(".footer")) { document.querySelector("#customize").style.display = ""; clearInterval(interval); } }, 200); </script> <script type="text/javascript"> function show_runtime() { window.setTimeout("show_runtime()", 1000); X = new Date("3/30/2020 12:12:12"); /*开始时间*/ Y = new Date(); T = (Y.getTime() - X.getTime()); M = 24 * 60 * 60 * 1000; a = T / M; A = Math.floor(a); b = (a - A) * 24; B = Math.floor(b); c = (b - B) * 60; C = Math.floor((b - B) * 60); D = Math.floor((c - C) * 60); runtime_span.innerHTML = "本站已运行 " + A + " 天 " + B + " 小时 " + C + " 分 " + D + " 秒 " } show_runtime(); </script> </code></pre>
发布时间：2025-05-26 00:55:40
访问该内容
文章标题：域名注册托管 I 将服务商域名托管到CloudFlare
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=%E5%9F%9F%E5%90%8D%E6%B3%A8%E5%86%8C%E6%89%98%E7%AE%A1%20I%20%E5%B0%86%E6%9C%8D%E5%8A%A1%E5%95%86%E5%9F%9F%E5%90%8D%E6%89%98%E7%AE%A1%E5%88%B0CloudFlare&url=/archives/Yx39SI2K" width="1" height="1" alt="" style="opacity:0;"> <p><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2Fimg.duinew.com%2Fhalo%2F2025%2F07%2F02%2FCloudFlare-sokm.webp&size=m" alt="图片"></p> <h2 id="前言">前言</h2> <p>将域名托管到Cloudflare主要是为了提高网站性能、增强安全性并简化管理流程。</p> <p><strong>Cloudflare可以带来多方面的好处：</strong></p> <ol> <li>加速访问速度：Cloudflare的全球CDN（内容分发网络）可以缓存你的网站内容并分发至其遍布全球的服务器，使得用户可以从距离他们最近的服务器获取数据，大大减少加载时间。</li> <li>安全防护：Cloudflare提供DDoS防护、Web应用防火墙（WAF）等安全服务，能有效防御各种网络攻击，保护你的网站免受恶意流量的侵害。</li> <li>节省带宽成本：由于大量的静态内容被缓存，减少了直接从源服务器请求的数据量，这可以为你的服务器节省带宽和处理能力，降低运营成本。</li> <li>SSL证书管理：Cloudflare可以免费为你的网站提供HTTPS加密，管理SSL证书变得更加简单，有助于提升网站的安全性和搜索引擎排名。</li> <li>优化SEO和分析：它提供的页面规则、HTTP/2支持等特性有助于SEO优化，同时，Cloudflare的分析工具可以帮助你更好地了解网站访问情况。</li> <li>易于管理：通过Cloudflare的控制面板，你可以方便地管理DNS记录、路由规则以及安全设置，无需复杂的技术知识。</li> </ol> <hr> <h2 id="准备工作">准备工作</h2> <p>**1.注册Cloudflare账****号：**https://dash.cloudflare.com <br> <strong>2.注册域名：注册服务商自由选择。个人推荐几个我常用的</strong> <br> 阿里云万网：https://wanwang.aliyun.com/ <br> 腾讯云：https://buy.cloud.tencent.com/domain/ <br> Namesilo：https://www.namesilo.com/</p> <hr> <h2 id="Cloudflare接入域名">Cloudflare接入域名</h2> <p>登录Cloudflare官网，首页-添加站点。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-2&size=m" alt="图片"></p> <p>输入你需要转入Cloudflare的域名。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-3&size=m" alt="图片"></p> <p>选择【Free】 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-4&size=m" alt="图片"></p> <p><strong>等待扫描完成，继续-确认</strong> <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-5&size=m" alt="图片"> <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-6&size=m" alt="图片"></p> <p>复制Cloudflare分配的DNS服务器，进入服务商域名管理修改。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-7&size=m" alt="图片"></p> <p>这里以阿里云为例：返回到服务商域名管理，修改域名的DNS服务器。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-8&size=m" alt="图片"></p> <p>确认修改无误后，点击确定即可。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-9&size=m" alt="图片"></p> <p>DNS修改后一般在24-48小时DNS生效时间。其实一般几分钟就生效了。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-10&size=m" alt="图片"></p> <p>等待几分钟返回Cloudflare首页查看，如下图说明域名已托管成功。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-11&size=m" alt="图片"></p> <hr> <h2 id="阿里云域名修改DNS服务器">阿里云域名修改DNS服务器</h2> <p>打开阿里云首页，进入域名控制台 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-12&size=m" alt="图片"></p> <p>打开域名列表-域名管理 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-13&size=m" alt="图片"></p> <p>点击修改DNS服务器 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-14&size=m" alt="图片"> <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-15&size=m" alt="图片"></p> <hr> <h2 id="腾讯云域名修改DNS服务器">腾讯云域名修改DNS服务器</h2> <p>进入域名控制台，打开我的域名-管理 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-16&size=m" alt="图片"></p> <p>点击修改DNS服务器 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-17&size=m" alt="图片"> <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-18&size=m" alt="图片"></p> <h2 id="NameSilo域名注册与修改DNS服务器">NameSilo域名注册与修改DNS服务器</h2> <p>打开NameSilo，登 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-19&size=m" alt="图片"> <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-20&size=m" alt="图片"></p> <p>看个人喜好选择就行，我这里选择一个便宜的。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728926-21&size=m" alt="图片"></p> <p><strong>域名后缀，也被称为顶级域名（TLD），是用来标识互联网上的不同类别或地域的网站。常见的域名后缀有以下几类：</strong></p> <table> <thead> <tr> <th align="left">通用顶级域名（gTLD）：如 .com（商业）、.org（组织）、.net（网络）、.info（信息）等。</th> </tr> </thead> <tbody> <tr> <td align="left">国家和地区代码顶级域名（ccTLD）：如 .cn（中国）、.uk（英国）、.de（德国）、.us（美国）等。</td> </tr> <tr> <td align="left">国际化域名（IDN TLD）：支持非拉丁字符的顶级域名，如 .我爱你、.みんな（代表“大家”）等，便于非英语国家和地区使用母语创建域名。</td> </tr> <tr> <td align="left">新通用顶级域名（new gTLD）：近年来新增的上千种顶级域名，如 .xyz、.club、.online 等，为网站提供更多样化的选择。</td> </tr> </tbody> </table> <p>选择合适的域名后缀对网站的品牌定位、地区目标市场及搜索引擎优化都有一定的影响。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728927-22&size=m" alt="图片"></p> <p>注册完成后，进入My Account界面后，左侧菜单点击Domain Manager。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728927-23&size=m" alt="图片"></p> <p>新注册的域名，默认会自动设置几条解析，需要把解析删除。 <br> 点击蓝色图标（Manage DNS），删除里面所有的DNS解析。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728927-24&size=m" alt="图片"></p> <p>返回域名列表，变成这个图标后，点击图标（NameServer Manager）进入 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728927-25&size=m" alt="图片"></p> <p>修改为Cloudflare分配DNS服务器，只需要修改1.2项，其他的可以删除，然后点击【SUBMIT】提交，等待DNS生效即可。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2F640-1744558728927-26&size=m" alt="图片"></p> <p><strong>完成以上步骤后，等待DNS服务器生效，你的域名就成功托管到了Cloudflare，可以开始利用Cloudflare提供的各种服务，如CDN加速、安全防护等。</strong></p>
发布时间：2025-05-26 00:53:12
访问该内容
文章标题：CloudDrive 多云盘本地挂载管理工具软件
文章内容：<img src="https://8dui.com/plugins/feed/assets/telemetry.gif?title=CloudDrive%20%E5%A4%9A%E4%BA%91%E7%9B%98%E6%9C%AC%E5%9C%B0%E6%8C%82%E8%BD%BD%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7%E8%BD%AF%E4%BB%B6&url=/archives/1uCV5g7I" width="1" height="1" alt="" style="opacity:0;"> <p><img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2Fuluk11741968645151714&size=m" alt="image.png"></p> <h2 id="CloudDrive-多云盘本地挂载管理工具软件">CloudDrive 多云盘本地挂载管理工具软件</h2> <p>CloudDrive 是一个强大的多云盘管理工具，提供一站式的多云盘解决方案，包括云盘本地挂载。旨在无缝集成多个云存储服务，统一整合到一个界面。轻松管理和访问所有云存储服务，无需在不同的应用程序和界面之间切换。</p> <h3 id="CloudDrive-是什么-">CloudDrive 是什么？</h3> <ul> <li>CloudDrive是一个全方位的云存储管理平台，旨在无缝集成多个云存储服务，将它们统一整合到一个界面中。</li> <li>使用CloudDrive，您可以轻松管理和访问所有云存储服务，无需在不同的应用程序和界面之间来回切换。</li> <li>CloudDrive最引人注目的特点是其能够将多个云存储服务挂载为本地磁盘，直接访问文件而无需预先下载。想象一下，您可以将云存储服务当作本地文件系统的一部分来使用，带来的便利性不言而喻。</li> <li>但这还不是全部 - CloudDrive还提供了高级功能，如快速的云端文件传输、实时的云文件通知和应用级别的权限控制。无论您是高级用户还是普通云存储用户，CloudDrive都能以卓越的效率和易用性让您充分发挥云存储资源的潜力。</li> </ul> <h3 id="主要特性">主要特性</h3> <ul> <li>云盘本地挂载 <br> 将多个云盘挂载到本地驱动器，就像它们是计算机文件系统的一部分。告别从云端下载文件的麻烦。</li> <li>统一的多云盘管理 <br> 在一个地方管理所有云盘账户。轻松组织文件，同步文件夹，并跨不同云服务进行高级搜索。目前支持 123云盘、阿里云盘、百度网盘、天翼云盘、115网盘、Google Drive、PikPak、WebDAV服务器、OneDrive、迅雷云盘和本地文件夹。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2Fuluk11741968676024657&size=m" alt="image.png"></li> <li>一次登录，到处使用 <br> 在一个地方登录所有的云盘账户，并在任何设备上使用，无需每次都要登录不同的账户。 <br> 云盘账户同步机制是安全的。</li> <li>WebDAV 服务 <br> CloudDrive 作为一个 WebDAV 服务器，可以向其他 WebDAV 客户端提供 WebDAV 服务。</li> <li>跨云盘文件快速复制 Pro <br> 在云盘之间快速直接地传输文件，无需中间下载。通过 CloudDrive 的优化文件传输功能节省时间和带宽。 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2Fuluk11741968687840418&size=m" alt="image.png"></li> <li>文件变更通知 <br> 接收关于云文件变更的实时通知。与文件系统监视器应用无缝集成，实现无缝协作。</li> <li>应用级权限控制 <br> 精细控制文件的访问权限。在程序级别定义和管理访问权限，确保安全共享和协作。</li> <li>云盘服务商友好 <br> 使用 CloudDrive，不再做网盘吸血鬼。 <br> 我们保证用户体验流畅，同时最大程度地减少网盘运营商的资源占用。</li> <li>多云盘备份（即将推出） <br> 将本地磁盘同时备份到多个云盘。自动检测文件变化，自动增量备份。多云备份，数据无忧。</li> <li>在任何设备上运行 <br> 电脑：Windows, Linux, macOS <br> NAS：Synology, QNAP... <br> 电视手机：Android, LibreElec, CoreElec <br> 路由器：OpenWRT路由器 <br> <img src="https://8dui.com/apis/api.storage.halo.run/v1alpha1/thumbnails/-/via-uri?uri=https%3A%2F%2F123.erq.cc%2F2025%2F04%2Fuluk1174196869796149&size=m" alt="image.png"></li> </ul> <h3 id="使用-CloudDrive">使用 CloudDrive</h3> <ol> <li>电脑 <br> 下载并安装 CloudDrive 的最新版本，您可以在计算机上拥有统一的云存储管理中心，并且将你的云盘扩展成你电脑的本地硬盘。 <br> CloudDrive 目前支持 Windows x64、Linux、macOS，支持x86_64、arm64、armv7 等架构的电脑。</li> <li>NAS <br> 在你的 NAS 上安装最新版本的 CloudDrive，可以把你的 NAS 变成统一的云盘管理中心，将你的云盘扩展成你 NAS 的磁盘。 <br> CloudDrive目前支持 Synology、Unraid、Qna p等主流 NAS 平台，支持x86_64、arm64、armv7 等架构的 NAS，可直接安装、通过docker 安装，Synology 和 Qnap 还可以直接安装第三方提供的 CloudDrive 插件。</li> <li>手机 <br> CloudDrive可以在 Android 手机上运行，将您的云盘扩展到本地存储。使用 CloudDrive，您可以将多个云盘整合到一个统一的存储空间中，用户安装的所有app都直接访问本地挂载的云盘文件。 <br> CloudDrive 支持 Android 7.0 及以上版本，需要 root 权限才能在安卓系统上使用本地挂载功能。</li> <li>电视 <br> CloudDrive 可以在电视或机顶盒上运行，将您的云盘扩展到本地存储。使用 CloudDrive，您可以将多个云盘整合到一个统一的存储空间中，并通过机顶盒内置的播放器直接调用本地挂载的云盘文件进行播放。 <br> CloudDrive 支持 LibreElec、CoreEle c等基于 Linux 系统，以及基于Android系统的电视或机顶盒（需要 root 权限才能在安卓系统上使用本地挂载功能）。</li> <li>路由器 <br> CloudDrive 可以在 OpenWRT 路由器上运行，将路由器变成一个以您的云盘为内容的 NAS。您可以通过简单的配置将它们整合到一个统一的存储空间中。 <br> CloudDrive 支持 x86_64、arm64、armv7 架构的 OpenWRT 路由器，可以直接下载运行，或者通过 docker 运行。</li> </ol> <h2 id="299元购买地址-点击直达">299元购买地址：<a href="https://apsgo.cn/k9NXHu">点击直达</a></h2>
发布时间：2025-05-26 00:05:45
访问该内容

RSS订阅内容 详情介绍

联系我们

RSS订阅内容详情介绍