飛書里面給鏈接生成一個預(yù)覽是怎么做到的？
前段時間我們項目接到了個H5活動頁的需求，既然是H5活動頁，那么其目的就是通過大量的傳播進(jìn)行引流、促活，我們的目的也正如此。PM希望我們的H5頁面在別家的APP內(nèi)傳播時能自動解析我們的鏈接，這怎么做呢？當(dāng)時我們也不知道，因此經(jīng)過一番調(diào)研得知需要用到本文的主人公 "OG"
本文就來分享一下我同事獨(dú)釣寒江雪總結(jié)的關(guān)于OG的相關(guān)知識！文章不是很長，希望對大家有所幫助！
原文：https://juejin.cn/post/7023173942001008670
Open Graph 是一種互聯(lián)網(wǎng)協(xié)議，最初由 Facebook 創(chuàng)建，用于標(biāo)準(zhǔn)化網(wǎng)頁中元數(shù)據(jù)的使用，使得社交媒體得以以豐富的“圖形”對象來表示共享的頁面內(nèi)容。
看到這個標(biāo)題，也許你會陷入疑惑，什么是開放圖譜協(xié)議（The Open Graph protocol）？我們?yōu)槭裁此坪鹾苌僖姷剿?？它到底有什么用呢？確實(shí)，對于很多前端開發(fā)來說，開放圖譜協(xié)議（The Open Graph protocol）是一個比較陌生的概念。
什么是 Open Graph Protocol
Open Graph Protocol（開放圖譜協(xié)議），簡稱 OG 協(xié)議。它是 Facebook 在 2010 年 F8 開發(fā)者大會公布的一種網(wǎng)頁元信息（Meta Information）標(biāo)記協(xié)議，屬于 Meta Tag （Meta 標(biāo)簽）的范疇，是一種為社交分享而生的 Meta 標(biāo)簽，用于標(biāo)準(zhǔn)化網(wǎng)頁中元數(shù)據(jù)的使用，使得社交媒體得以以豐富的“圖形”對象來表示共享的頁面內(nèi)容。它允許在 Facebook 上，其他網(wǎng)站能像 Facebook 內(nèi)容一樣具有豐富的“圖形”對象，進(jìn)而促進(jìn) Facebook 和其他網(wǎng)站之間的集成。
簡單來說，該協(xié)議就是用來標(biāo)注頁面的類型和描述頁面的內(nèi)容。其靈感來自 Dublin Core[1]、link-rel canonical、Microformats 和 RDFa，雖然有這些不同的技術(shù)和模式并且可以組合在一起，但沒有一種技術(shù)可以提供足夠的信息來豐富地表示社交圖中的任何網(wǎng)頁。Open Graph 協(xié)議建立在這些現(xiàn)有技術(shù)的基礎(chǔ)上，以開發(fā)人員使用的簡單性為關(guān)鍵目標(biāo)，并為開發(fā)人員提供了一個實(shí)施方案，它為許多技術(shù)設(shè)計決策提供了信息。
看了這么多，好像還是不理解什么是開放圖譜協(xié)議？
舉個簡單的例子，當(dāng)我們分享一個鏈接（URL）給朋友時，在有的 App 上它只是一個鏈接，而在有的 APP 上，他卻可以包含如下圖所示的標(biāo)題、圖片、描述等信息：
像飛書、WhatsApp、Twitter、Facebook 等社交軟件，都會根據(jù)鏈接去抓取你給定 URL 的內(nèi)容，以確定要包含哪些屬性來進(jìn)行共享展示。你可以通過在頁面的頭部代碼中包含 og:tags 來顯式定義屬性；如果沒有這些顯示定義的信息，這些社交軟件將在完成對給定 URL 的頁面抓取后推斷屬性，然后使用這些屬性信息組裝共享框并進(jìn)行展示。
其實(shí)這一切也是依賴于具體 APP 的實(shí)現(xiàn)的（是否會根據(jù)URL去抓取內(nèi)容），對于同一 URL，我們可以看看在飛書和微信上的不同形態(tài)：
微信（此處手動@微信官方，為啥微信不做鏈接解析呢？有懂產(chǎn)品的小伙伴給解釋一下不？）：
飛書：
為什么需要 OG協(xié)議？
我們知道，構(gòu)建內(nèi)容和維護(hù)網(wǎng)站通?？赡苄枰馁M(fèi)大量時間，我們當(dāng)然希望自己的內(nèi)容能夠在社交分享時能夠脫穎而出。先來看下有無 OG 協(xié)議時，同一個鏈接被解析的差別：
沒有開放圖譜協(xié)議時：此時社交軟件正確地獲取了頁面的標(biāo)題和描述，但它所含有的信息有限，看起來并不誘人。
有開放圖譜協(xié)議時：
互聯(lián)網(wǎng)上的內(nèi)容通常至少有一個目標(biāo)——與他人分享。如果你只是將它發(fā)送給一個朋友，有沒有開放圖譜協(xié)議可能不重要。但是如果你想運(yùn)營、分享或希望它在任何具有豐富預(yù)覽功能的社交網(wǎng)絡(luò)或應(yīng)用程序上共享、傳播時，你會希望該預(yù)覽盡可能抓住別人的眼球。像下面這樣豐富而有效的信息將有助于鼓勵人們點(diǎn)擊查看你的內(nèi)容。
如果你的內(nèi)容沒有開放譜圖協(xié)議標(biāo)簽會怎樣？也許對于網(wǎng)站內(nèi)容來說不會有什么影響，但你的內(nèi)容將很難從互聯(lián)網(wǎng)上大量其他內(nèi)容中脫穎而出。
如果網(wǎng)頁采用 OG 協(xié)議，分享結(jié)果會結(jié)構(gòu)化展示，這樣站點(diǎn)在被鏈接分享時會有更豐富的內(nèi)容展現(xiàn)，同時站點(diǎn)的轉(zhuǎn)化率將會提升。
如何給網(wǎng)站添加 OG 協(xié)議
基礎(chǔ)屬性
要將你的網(wǎng)頁轉(zhuǎn)換為可控結(jié)構(gòu)化圖形對象，你需要向頁面添加基本元數(shù)據(jù)。四個基本開放圖形標(biāo)簽是：
og:title- 指定你想要在共享時展示的標(biāo)題。這通常與你網(wǎng)頁的</code>標(biāo)簽相同，例如“百度一下，你就知道”。</section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:type</code>- 對象的類型，例如“video.movie”。根據(jù)你指定的類型的不同，可能還需要添加一些其他的不同屬性。</section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image</code> - 一個圖片 URL。</section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:url</code> - 指定你想要共享的 URL/當(dāng)前頁面的 URL（可以是短鏈接），例如，“<span style="font-weight: bold;color: rgb(62, 76, 163);">https://www.baidu.com/</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[2]</sup>”。</section></li></ul><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">各標(biāo)簽控制區(qū)域如下圖所示：</p><figure data-tool="mdnice編輯器" style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 20px;margin-bottom: 20px;"><img class="rich_pages wxw-img custom_select_img" data-fileid="100026109" data-ratio="0.9603825136612022" src="https://filescdn.proginn.com/68f3fd6e071ae7d695aea09e7b181510/c05edefc21d53ef1be3b52ce9a7778ce.webp" data-type="png" data-w="732" style="margin-right: auto;margin-left: auto;width: 100%;display: block;margin-bottom: 10px;border-radius: 5px;"><figcaption style="text-align: center;color: rgb(127, 127, 127);font-size: 13px;letter-spacing: 0.07em;">OG</figcaption></figure><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">給網(wǎng)站設(shè)置 OG 標(biāo)簽時，應(yīng)該將其與其他元數(shù)據(jù)一起放置在<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;"><head></code>標(biāo)簽中。使用的標(biāo)簽還是<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;"><meta></code>，添加方式如下：</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"“[NAME]”"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"“[VALUE]”"</span>?/></span><br></code></pre><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">例如，以下是 IMDB 上 The Rock 的 Open Graph 協(xié)議標(biāo)記：</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">html</span>?<span style="color: #9CDCFE;line-height: 26px;">prefix</span>=<span style="color: #D69D85;line-height: 26px;">"og:?https://ogp.me/ns#"</span>></span><br>??<span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">head</span>></span><br>????<span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">title</span>></span>The?Rock?(1996)<span style="color: #9B9B9B;line-height: 26px;"></<span style="color: #569CD6;line-height: 26px;">title</span>></span><br>????<span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:title"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"The?Rock"</span>?/></span><br>????<span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:type"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"video.movie"</span>?/></span><br>????<span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:url"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://www.imdb.com/title/tt0117500/"</span>?/></span><br>????<span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??????<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:image"</span><br>??????<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://ia.media-imdb.com/images/rock.jpg"</span><br>????/></span><br>????...<br>??<span style="color: #9B9B9B;line-height: 26px;"></<span style="color: #569CD6;line-height: 26px;">head</span>></span><br>??...<br><span style="color: #9B9B9B;line-height: 26px;"></<span style="color: #569CD6;line-height: 26px;">html</span>></span><br></code></pre><h3 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 20px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="background-image: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPmiaKickibVyyzHlCTgI17fDVibCWLwqR0WsGOHj6qNZ7v4LhroBeqQMpLd5JicAjHicSsr/640?wx_fmt=svg");background-size: 15px 15px;display: inline-block;width: 15px;height: 15px;line-height: 15px;"></span><span style="display: none;"></span><span style="font-size: 18px;display: inline-block;margin-left: 8px;color: rgb(62, 76, 163);">開放圖標(biāo)簽介紹</span><span style="display: none;"></span></h3><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">上面介紹了基本元數(shù)據(jù)標(biāo)簽，下面將進(jìn)一步對一些屬性進(jìn)行說明。如果你想要獲得更全面的信息，請轉(zhuǎn)到 <span style="font-weight: bold;color: rgb(62, 76, 163);">Open Graph</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[3]</sup> (<span style="font-weight: bold;color: rgb(62, 76, 163);">https://ogp.me/</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[4]</sup>)進(jìn)行閱讀。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">title</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">最多 65 個字符。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">title</span>></span>your?keyword?rich?title?of?the?website?and/or?webpage<span style="color: #9B9B9B;line-height: 26px;"></<span style="color: #569CD6;line-height: 26px;">title</span>></span><br></code></pre><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">description</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">最多 155 個字符。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">name</span>=<span style="color: #D69D85;line-height: 26px;">"description"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"description?of?your?website/webpage,?make?sure?you?use?keywords!"</span><br>/></span><br></code></pre><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:title</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">最多 35 個字符。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:title"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"short?title?of?your?website/webpage"</span>?/></span><br></code></pre><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:site_name</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">你的內(nèi)容所在的整個網(wǎng)站的名稱。如果你的對象是較大網(wǎng)站的一部分，則應(yīng)為整個網(wǎng)站的名稱。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:url</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">當(dāng)前網(wǎng)頁地址的完整鏈接。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:url"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://www.example.com/webpage/"</span>?/></span><br></code></pre><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:description</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">頁面的描述，最多 65 個字符。類似 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:title</code>，這通常應(yīng)該和你網(wǎng)站的<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;"><meta type=“description”></code>標(biāo)簽相同，當(dāng)然，你也可以使其不同。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:description"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"description?of?your?website/webpage"</span>?/></span><br></code></pre><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:image</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">尺寸小于 300KB 且最小尺寸為 300 x 200 的圖像（JPG 或 PNG）。此圖像一般應(yīng)通過具有有效<span style="font-weight: 600;color: #3e4ca3;">非自簽名證書</span>的 HTTPS 鏈接提供。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:image"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"http://cdn.example.com/uploads/images/webpage_300x200.png"</span><br>/></span><br></code></pre><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">雖然使用<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image</code>添加圖像比較容易，但有時讓你的圖像正確顯示可能具有挑戰(zhàn)性。開放圖譜協(xié)議包括一些圖像標(biāo)簽，例如<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image:url</code>vs<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image:secure_url</code>以及<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image:width</code>和<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image:height</code>，可以對圖像進(jìn)行更細(xì)致的控制。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">盡量確保你遵循<span style="font-weight: bold;color: rgb(62, 76, 163);">開放圖形文檔</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[5]</sup>中的所有注釋和示例。此外，一些社交網(wǎng)絡(luò)可能會對圖像有特殊要求。例如，[Twitter 要求](<span style="font-weight: bold;color: rgb(62, 76, 163);">https://developer.twitter.com...</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[6]</sup>)比例為<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">2:1</code>，最小尺寸為 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">300x157</code>，最大尺寸為 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">4096x4096</code>，小于 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">5MB</code>，JPG、PNG、WEBP 或 GIF 格式。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:video</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;"><code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:video</code> 標(biāo)簽與 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image</code> 標(biāo)簽相同，用于補(bǔ)充“圖形”對象的視頻文件的 URL。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:type</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">為了在圖形中表示你的對象，你需要指定其類型。<span style="font-weight: bold;color: rgb(62, 76, 163);">這里</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[7]</sup> 是可用的全部類型列表。你還可以指定自己的類型。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:type"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"article"</span>?/></span><br></code></pre><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">設(shè)置開放圖標(biāo)簽時，你需要了解哪種類型對你的網(wǎng)站更有意義。如果你的頁面專注于單個視頻，則使用“video”類型可能是有意義的；如果它是一個沒有特定垂直行業(yè)的一般網(wǎng)站，你可能更適合使用“website”類型。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">og:locale</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">資源的語言環(huán)境。如果你有其他語言翻譯可用，你也可以使用 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:locale:alternate</code>。如果不指定 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:locale</code>，則默認(rèn)為 en_US。</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:locale"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"en_GB"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:locale:alternate"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"fr_FR"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:locale:alternate"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"es_ES"</span>?/></span><br></code></pre><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">video/audio</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">還可以共享音頻/視頻。例如，F(xiàn)acebook 和 Twitter 可以很好地共享視頻。當(dāng)然，WhatsApp 也有這個選項，比如當(dāng)你分享 Instagram 或 Youtube 鏈接時，WhatsApp 的預(yù)覽會在應(yīng)用內(nèi)附帶視頻播放。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">products, persons, movies 等</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">此類信息實(shí)際上取決于提供商（Facebook、Google），WhatsApp 和 Twitter 可以啟用對產(chǎn)品的支持。這樣，你與之共享鏈接的人可能會在共享鏈接“小部件”中看到價格、平均評分、評論等內(nèi)容。</p><h4 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 18px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="font-size: 16px;display: inline-block;color: rgb(62, 76, 163);">favicon</span><span style="display: none;"></span></h4><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">要獲得對所有瀏覽器和設(shè)備的最佳圖標(biāo)支持，請閱讀<span style="font-weight: bold;color: rgb(62, 76, 163);">此內(nèi)容</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[8]</sup>。</p><h3 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 20px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="background-image: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPmiaKickibVyyzHlCTgI17fDVibCWLwqR0WsGOHj6qNZ7v4LhroBeqQMpLd5JicAjHicSsr/640?wx_fmt=svg");background-size: 15px 15px;display: inline-block;width: 15px;height: 15px;line-height: 15px;"></span><span style="display: none;"></span><span style="font-size: 18px;display: inline-block;margin-left: 8px;color: rgb(62, 76, 163);">Twitter 和其他使用開放圖的社交媒體</span><span style="display: none;"></span></h3><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">大多數(shù)社交網(wǎng)絡(luò)都遵循開放圖譜協(xié)議的基本元數(shù)據(jù)標(biāo)簽，當(dāng)然，一些社交應(yīng)用也會包括自己的擴(kuò)展，以幫助<span style="font-weight: 600;color: #3e4ca3;">自定義</span>其生態(tài)系統(tǒng)中的一些外觀展示。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">例如，Twitter 允許你指定<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">twitter:card</code>，這是你在展示你的網(wǎng)站時可以使用的“卡片”類型。他們的卡類型包括：</p><ul data-tool="mdnice編輯器" style="margin-top: 8px;margin-bottom: 8px;padding-left: 25px;" class="list-paddingleft-2"><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;">summary</section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;">summary_large_image</section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;">app</section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;">player</section></li></ul><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">這將幫助你選擇如何在其 Feed 中使用你的鏈接。例如，如果你使用了<code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">summary_large_image</code>，只要你在 <code style="border-radius: 4px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;word-break: break-all;letter-spacing: 0.07em;font-size: 13px;color: rgb(155, 110, 35);background-color: rgb(255, 249, 227);padding: 3px;">og:image</code> 標(biāo)簽中提供了鏈接，Twitter 就會顯示帶有高分辨率大圖片的鏈接。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">要獲得最佳 Twitter 支持，請閱讀<span style="font-weight: bold;color: rgb(62, 76, 163);">Twitter 的相關(guān)文檔</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[9]</sup>。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">要獲得最佳 Facebook 支持，請閱讀<span style="font-weight: bold;color: rgb(62, 76, 163);">Facebook 的分享指南</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[10]</sup>。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">以下是有關(guān)如何在某些社交媒體網(wǎng)站上使用開放圖標(biāo)簽的文檔鏈接，供你參考：</p><ul data-tool="mdnice編輯器" style="margin-top: 8px;margin-bottom: 8px;padding-left: 25px;" class="list-paddingleft-2"><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">Twitter</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[11]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">Facebook</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[12]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">Pinterest</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[13]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">LinkedIn</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[14]</sup></section></li></ul><h3 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 20px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="background-image: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPmiaKickibVyyzHlCTgI17fDVibCWLwqR0WsGOHj6qNZ7v4LhroBeqQMpLd5JicAjHicSsr/640?wx_fmt=svg");background-size: 15px 15px;display: inline-block;width: 15px;height: 15px;line-height: 15px;"></span><span style="display: none;"></span><span style="font-size: 18px;display: inline-block;margin-left: 8px;color: rgb(62, 76, 163);">測試你的開放圖標(biāo)簽</span><span style="display: none;"></span></h3><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">如果你在開發(fā)過程中遇到困難，也可以使用一些社交媒體提供的工具來測試、調(diào)試你的標(biāo)簽：</p><ul data-tool="mdnice編輯器" style="margin-top: 8px;margin-bottom: 8px;padding-left: 25px;" class="list-paddingleft-2"><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">Twitter</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[15]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">Facebook</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[16]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">Pinterest</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[17]</sup></section></li></ul><h3 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 20px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="background-image: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPmiaKickibVyyzHlCTgI17fDVibCWLwqR0WsGOHj6qNZ7v4LhroBeqQMpLd5JicAjHicSsr/640?wx_fmt=svg");background-size: 15px 15px;display: inline-block;width: 15px;height: 15px;line-height: 15px;"></span><span style="display: none;"></span><span style="font-size: 18px;display: inline-block;margin-left: 8px;color: rgb(62, 76, 163);">進(jìn)一步探究開放圖標(biāo)簽</span><span style="display: none;"></span></h3><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">雖然以上介紹涵蓋了一個網(wǎng)站中可能包含的大部分標(biāo)簽，但還有一些標(biāo)簽可能會幫助你和你的企業(yè)在整個社交網(wǎng)絡(luò)中更多的被吸引和發(fā)現(xiàn)。如果你有興趣<span style="font-weight: 600;color: #3e4ca3;">深入研究</span>，<span style="font-weight: bold;color: rgb(62, 76, 163);">The Open Graph protocol</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[18]</sup>官方文檔將是一個很好的使用指南。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">如果你只是在尋找<span style="font-weight: 600;color: #3e4ca3;">入門示例</span>，例如為博客文章添加設(shè)置標(biāo)簽，你可以采用類似下面的結(jié)果：</p><pre data-tool="mdnice編輯器" style="margin-top: 10px;margin-bottom: 10px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.55) 0px 2px 10px;"><span style="display: block;background: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPPCqcQRxFargGsiaEN0mBUN043atTnibUFv0NkOju2LJDyNG8cfZVwLa920k2tCdU2d/640?wx_fmt=svg") 10px 10px / 40px no-repeat rgb(30, 30, 30);height: 30px;width: 100%;margin-bottom: -7px;border-radius: 5px;"></span><code style="overflow-x: auto;padding: 16px;color: #DCDCDC;display: -webkit-box;font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;font-size: 12px;-webkit-overflow-scrolling: touch;padding-top: 15px;background: #1E1E1E;border-radius: 5px;"><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:site_name"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"Colby?Fayock"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:title"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"Anyone?Can?Map!?Inspiration?and?an<br>introduction?to?the?world?of?mapping?-?Colby?Fayock"</span><br>/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:description"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"Chef?Gusteau?was?a?visionary?who?created?food?experiences?for?the?world?to?enjoy.?How?can?we?take?his?lessons?and?apply?them?to?the?world?of…"</span><br>/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:url"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://www.colbyfayock.com/2020/03/anyone-can-map-inspiration-and-an-introduction-to-the-world-of-mapping/"</span><br>/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:type"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"article"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"article:publisher"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://www.colbyfayock.com"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"article:section"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"Coding"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"article:tag"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"Coding"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:image"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://res.cloudinary.com/fay/image/upload/w_1280,h_640,c_fill,q_auto,f_auto/w_860,c_fit,co_rgb:232129,g_west,x_80,y_-60,l_text:Source%20Sans%20Pro_70_line_spacing_-10_semibold:Anyone%20Can%20Map!%20Inspiration%20and%20an%20introduction%20to%20the%20world%20of%20mapping/blog-social-card-1.1"</span><br>/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:image:secure_url"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://res.cloudinary.com/fay/image/upload/w_1280,h_640,c_fill,q_auto,f_auto/w_860,c_fit,co_rgb:232129,g_west,x_80,y_-60,l_text:Source%20Sans%20Pro_70_line_spacing_-10_semibold:Anyone%20Can%20Map!%20Inspiration%20and%20an%20introduction%20to%20the%20world%20of%20mapping/blog-social-card-1.1"</span><br>/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:image:width"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"1280"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"og:image:height"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"640"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"twitter:card"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"summary_large_image"</span>?/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span><br>??<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"twitter:image"</span><br>??<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"https://res.cloudinary.com/fay/image/upload/w_1280,h_640,c_fill,q_auto,f_auto/w_860,c_fit,co_rgb:232129,g_west,x_80,y_-60,l_text:Source%20Sans%20Pro_70_line_spacing_-10_semibold:Anyone%20Can%20Map!%20Inspiration%20and%20an%20introduction%20to%20the%20world%20of%20mapping/blog-social-card-1.1"</span><br>/></span><br><span style="color: #9B9B9B;line-height: 26px;"><<span style="color: #569CD6;line-height: 26px;">meta</span>?<span style="color: #9CDCFE;line-height: 26px;">property</span>=<span style="color: #D69D85;line-height: 26px;">"twitter:site"</span>?<span style="color: #9CDCFE;line-height: 26px;">content</span>=<span style="color: #D69D85;line-height: 26px;">"@colbyfayock"</span>?/></span><br></code></pre><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">如果你正在尋找其他方法來優(yōu)化和分析你的內(nèi)容，下面幾個鏈接也許會使你感興趣：</p><ul data-tool="mdnice編輯器" style="margin-top: 8px;margin-bottom: 8px;padding-left: 25px;" class="list-paddingleft-2"><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">如何將社交媒體圖像添加到你的 Github 項目存儲庫</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[19]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">如何理解 Google Analytics 和你網(wǎng)站的流量</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[20]</sup></section></li><li><section style="margin-top: 5px;margin-bottom: 5px;line-height: 1.8em;letter-spacing: 0.07em;"><span style="font-weight: bold;color: rgb(62, 76, 163);">如何使用 Google Analytics（分析）設(shè)置和跟蹤 YouTube 頻道的表現(xiàn)</span><sup style="line-height: 0;font-weight: bold;color: rgb(62, 76, 163);margin-left: 3px;">[21]</sup></section></li></ul><h2 data-tool="mdnice編輯器" style="font-weight: bold;font-size: 22px;letter-spacing: 0.07em;line-height: 1.8em;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_svg/4h0Uv4XOMvP7Ldx550e1BziaD8usP4oFPeoZsV9N5bkPLPDwH8z0VoAibFMOO6ggz1Eo7pGn4rYpibAz6UFWQgx6iaBcDltbHC7U/640?wx_fmt=svg");background-position: center center;background-repeat: no-repeat;background-attachment: initial;background-origin: initial;background-clip: initial;background-size: 70px;margin-top: 27px;margin-bottom: 27px;"><span style="display: none;"></span><span style="display: inline-block;line-height: 10px;color: rgb(62, 76, 163);background-position: left center;background-repeat: no-repeat;background-attachment: initial;background-origin: initial;background-clip: initial;background-size: 63px;padding-top: 29px;font-size: 20px;padding-bottom: 29px;">OG 協(xié)議的其他說明</span></h2><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;">不同公司的許多技術(shù)審計結(jié)果表明，使用 Open Graph 標(biāo)簽<span style="font-weight: 600;color: #3e4ca3;">不會幫助你獲得更好的 SEO 排名</span>，它們僅適用于在社交媒體展示豐富的“圖形”對象。</p><p data-tool="mdnice編輯器" style="margin-top: 1.8em;margin-bottom: 1.8em;line-height: 1.8em;letter-spacing: 0.07em;"><br></p><h3 data-tool="mdnice編輯器" style="letter-spacing: 0.07em;font-weight: bold;font-size: 20px;line-height: 1.4;margin-top: 27px;margin-bottom: 27px;"><span style="line-height: 15px;letter-spacing: 0.07em;margin-top: 30px;margin-bottom: 15px;background-image: none;display: block;width: auto;height: auto;font-size: 15px;color: rgb(62, 76, 163);">參考資料</span></h3><section data-tool="mdnice編輯器"><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[1]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Dublin Core: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=3jOYnFTQwjsRHiqe5Wcfqg%3D%3D.jFmXd%2BjUa71kPZtws3MnaDsrGJ8XZBBw657r6vVW5%2F0BOtXU32562ZZHsWPIo%2FIXgC2jI7T%2Fw6KM9YHyjSsjOw%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[2]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">https://www.baidu.com/: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=36Sy6xdY3qBGWTu9788RIQ%3D%3D.4DftXT0QoXwlnO1x9GHZ8GhSvZGDOrXjj%2BNOJnA6gEw%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[3]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Open Graph: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=cCLjszExbRpeyJocK8vlVw%3D%3D.M2HfZhYlYucQL%2BxKFJIWYQ%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[4]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">https://ogp.me/: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=a89QPgl0YZF0a1AsLSEW6g%3D%3D.DAhMHvFSa8mCdd7r7SVZJQ%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[5]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">開放圖形文檔: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=7zlkFe7ZbP0FzqiKnOWy5A%3D%3D.R9EZiXzBB2bEOyJiXfaPXw1yzR93Py1bQvnfmPSFbrU%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[6]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">https://developer.twitter.com...: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=pd95Ce4gBLO3CGkWN7wjfg%3D%3D.rY3E4HSM295%2B7HXHC2FvvUP88%2FU%2BMEsIG6sgDkUBWTcJDbpSUtP14ZaNUoc0nQg7ZlopdNZbvXsi8hlbd9TGeErSpnS5yzlTcunMnSsR2FTmeUWpDNkHyBMX1euJ5GWIReehLsO8ANNJ46X2DXL0Jg%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[7]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">這里: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=HEQyrnjiLeQBVK81Q1Lb7Q%3D%3D.fIwp1Jw7xaipcTam6cSYlhYPNavceRotim5Al4zRnMc%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[8]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">此內(nèi)容: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=5xECg8MPoRSDaBN6TTNUXw%3D%3D.FBUmOLGBWEnTORONQ6K1%2Bt3PEusAwv5jFEDtFMCvU%2FSZy6ZKXR3BF3VbZ4c%2FU1yV</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[9]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Twitter 的相關(guān)文檔: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=cjVMD0aU3F%2FQcKcZP9A5Gw%3D%3D.Sabq%2F8hV1ruuy4MOXHIcg3F4npmqk%2Fo5%2BoAduigz6etsdp3UQH%2B42v%2F7%2Fi5VOcIW</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[10]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Facebook 的分享指南: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=QenZjA9NDXjiv10yNyn0Tg%3D%3D.zkb6%2FF2eIs%2BzS0S8Daqv1P%2FNMPnS3GFf60TmvZq%2Br8QiYkzswLlS0ck%2BdrHy8XMiBR1VjhvIDuR73O2Jj39kwA%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[11]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Twitter: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=FQzsabi7jvSLKu4t0GXwIg%3D%3D.pqnzRROEepA4YrvYzo2UymV5k352YqIAyUEpVqEqf7gzLjLgw9nS2Q0rfBKQynIRyW86f5krrz8zyW%2Fud%2BX8o%2BsqWiz%2F0LofUiqLY%2BzF3Lfv6HVvrjrAKE5BKzGM0Y5C</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[12]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Facebook: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=%2FuYK7rffIFc%2FOItVkx33Yw%3D%3D.UHotEdXT1v9EU2S3aizlxxdzsI9J8WwN2kyJCuof1AL5H3UP%2B58Diz8df%2B1rVY8QWLE2iw0Xjk4RXOR3pnSiEw%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[13]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Pinterest: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=TxBX%2F7QugKxfpdJ%2F5YFYpA%3D%3D.QGTo3CdisZrB%2BwueioeCm4xgw4wFIHQbnVQ2XcDXH1w%2B14SlaOst0kBAeh6%2FCqHCMlqliER3E0TVSfYhCs9twQ%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[14]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">LinkedIn: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=Z0%2FCxX38t46cDeeSC%2FUWUQ%3D%3D.ySVwptLU%2BZwY8dF%2BFSjAjGf0P9yC7NpOpdrBVKmrdHIS3PoWKlVSAmEI%2Bs5q6i8YAXGsQkannBJgpnVTFnfj8kqeEQD4GQ5pmS8OKqB%2FVMZvgBq6ARUeqZBYeGmyAH%2BzJEUy8m7WC2gRl2Buo5xrag%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[15]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Twitter: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=KZz8FfZYqTj1k4TPLTMOLg%3D%3D.Ybrzdc%2FoYPpBqNGeEIrwR35ByHjP3uCRx5Hf0qupvXhctxr6i2ILScWrqZlZBRQR</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[16]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Facebook: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=AwNL39xHGyvZF%2FOMW7KAUQ%3D%3D.rzCDZehzuAX%2B9G5F8fL0lGeKJ%2B%2B6XfvSwQkU0KY3aN4BkBLFNz%2BTEFBsBww6q7xp</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[17]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Pinterest: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=qwvL21%2BOTRcVdDUzzzMAWQ%3D%3D.xzb1w1ENdimc246SycsBE%2Bw20FjUJYoNiFCQEqiwLZf2nGkNEDT1eTQqnHUavUwbaLrcKuKX7IHAX9lm0ITyMg%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[18]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">The Open Graph protocol: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=cG%2BgI%2BwDYBOW5wD56Mm6bA%3D%3D.14IWdL%2FX4g4NdkkkR5Ektg%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[19]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">如何將社交媒體圖像添加到你的 Github 項目存儲庫: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=NO1Y2dOiQR%2FXU2VkF8Y%2B9w%3D%3D.kYK6yhv5Ti0eOOhrb1HeDkm%2BrZw17AFtCr5p1ppZxPbOvKqb0Pkd%2F%2FzY%2FhmiUtpocNwHkjRupBqMtKZRpeR5lEQlJBR2dICja%2F9aV4vDRKSPZU4p53D55TIv4H%2FWR7PF</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[20]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">如何理解 Google Analytics 和你網(wǎng)站的流量: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=c2jycunozlN%2BU6gkQ6PXIA%3D%3D.uuWtkaCIK7XJZKNuPqvTEgWDI1YMlT3lX%2BHpSHIUZ7zcoPvkXrHsSJWy9SSPhap%2Fw8Wd7MOb1xHTp%2BONKoEGdo5dpTxlaDMwSVw20KZO8bMuRkegUdshfedlVKshBxtBOicCtQ453F8YsvwEudrsvg%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[21]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">如何使用 Google Analytics（分析）設(shè)置和跟蹤 YouTube 頻道的表現(xiàn): <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=iDyhIYuMCinuERFvPPEFGA%3D%3D.GLble32AQxAuSGoX6BHGtEwZOdmf2LBz%2BGAfQvZRhQzWQqDi8Fngav%2BQYobStOeOaEnYt29Xx4T0DRa4s%2Fui8NLVfpbd%2BZK%2BvWWiy2%2BE0o5UYQ8xMFDN8L8ipCVp0eT4nl5ROn7VId%2Foc0mjbDRa2w%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[22]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">The Open Graph protocol: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=KR%2Bm8htb2yF6JJ5fVJInHQ%3D%3D.hHP8%2BAkCaTiPlTn%2BKz5ovw%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[23]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">What is Open Graph and how can I use it for my website?: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=qs%2FbX%2FDQiITfHfcnlSM8Ig%3D%3D.MrEdpkjpljq6SPid9MTmm3vC8cqwDKQq6atyL7UnClnLViB6Er7s8jMC2IgPIDmHyYQG%2B9v04pP3S8NBy2Yi1XgKK3FXm5imHjMSXZPvoze%2FeaBLFbM0pK6XdSio%2F2hv</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[24]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">Provide an image for WhatsApp link sharing: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=K6DkEGhoQnm3O%2BAp1kMfnQ%3D%3D.56CrvA6PUjvO9kxnUl1VCiruUXFkFl0Zb1JJ%2Bq9AUV93wiTTNhdOsqQq4egLKU26jsLik9NueONdlTbXMxOoVaK1AM82CtFNl%2FCZDDe8hkUik3f2q446lfE2JVI%2B21PK</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[25]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">How to Customize which URL, Text and IMG to Share: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=Or0z0RVZNkMXOaLOdF%2FGNg%3D%3D.71ri%2FM42sbxgX%2B%2FcGG0ZPCf%2BGrhW%2BHKRjA7RrBJxFiWXpnUpankf6xAsGgIHa4EG1YGluI%2B7a3RwRqLFjV2vUagFo5OreLU6khC%2FVDe8KQvcYKV5XXdOJG0%2Bic0BC7E%2B</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[26]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">個人博客: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=5aQvR2YDFkmOUu73CE1puQ%3D%3D.SWjkeYmRXAkzxHrnIJ%2BbHeaLbSHf0gqmYca2HzJAPQGwUyOGhJwEXcBi0isYxtZlJbtXZX2%2F1bbvT4iU6CA4%2Fw%3D%3D</span></p></span><span style="display: flex;"><span style="display: inline;width: 10%;background-image: none;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;font-size: 80%;opacity: 0.6;line-height: 26px;font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;">[27]</span><p style="display: inline;width: 90%;word-break: break-all;color: rgb(62, 76, 163);font-size: 13px;line-height: 1.8em;font-weight: 800;letter-spacing: 0.07em;">指正和star: <span style="color: rgb(127, 127, 127);font-weight: normal;letter-spacing: 0.07em;pointer-events: auto;user-select: auto;">https://link.segmentfault.com/?enc=XZnFfAk1Y6Kykj6%2FhD%2FEkw%3D%3D.xKVGaZDW6JYxewDjzPWndJBGZ1m4gEuhLyDoMS62%2Bzm3aqvV9PHatdvjnxEMBf0e</span></p></span></section></section><p><br></p><pre data-wrap="false" style="outline: 0px;font-size: 16px;text-align: left;letter-spacing: 0.544px;color: rgb(63, 63, 63);background-color: rgb(255, 255, 255);"><section style="margin-top: 10px;outline: 0px;line-height: 1.75em;"><code style="outline: 0px;"><p style="outline: 0px;text-align: center;">The End</p><p style="outline: 0px;text-align: center;"><span style="font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;letter-spacing: 0.544px;text-align: left;"></span></p></code></section></pre><p style="outline: 0px;font-size: 16px;white-space: normal;font-family: -apple-system, system-ui, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;letter-spacing: 0.544px;color: rgb(63, 63, 63);background-color: rgb(255, 255, 255);text-align: right;"><span style="outline: 0px;font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;letter-spacing: 2px;word-spacing: 2px;color: rgb(0, 82, 255);"><strong style="outline: 0px;"><strong style="outline: 0px;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;letter-spacing: 0.544px;widows: 1;caret-color: rgb(0, 0, 0);text-align: left;color: rgb(136, 136, 136);"><span style="outline: 0px;letter-spacing: 1px;"><span style="outline: 0px;color: rgb(119, 119, 119);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 14px;letter-spacing: 0.476px;">創(chuàng)作不易，</span><strong style="outline: 0px;color: rgb(119, 119, 119);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 14px;letter-spacing: 0.476px;">加個</strong><strong style="outline: 0px;letter-spacing: 0.544px;text-align: right;color: rgb(37, 132, 181);">點(diǎn)贊、在看</strong><strong style="outline: 0px;color: rgb(119, 119, 119);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 14px;letter-spacing: 0.476px;">?</strong><span style="outline: 0px;color: rgb(119, 119, 119);font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size: 14px;letter-spacing: 0.476px;">支持一下哦！</span></span></strong><img data-fileid="100026107" data-ratio="2.3255813953488373" data-type="png" data-w="86" src="https://filescdn.proginn.com/19fd6e14f1814dc8bc4ac0bdb015b8db/e41eb8fbab12f7344cd77b13a4d9d9c0.webp" style="outline: 0px;color: rgb(0, 0, 0);widows: 1;caret-color: rgb(0, 0, 0);font-family: 微軟雅黑;letter-spacing: 1px;vertical-align: middle;box-sizing: border-box !important;visibility: visible !important;width: 20px !important;"></strong></span></p> </div></div></div><div id="go7utgvlrp" class="tag-list-box"><div id="go7utgvlrp" class="tag-list"><div id="go7utgvlrp" class="tag-list-container"></div></div></div><span id="go7utgvlrp" class="view_num">瀏覽 1</span><div id="go7utgvlrp" class="float-bar float-bar-relative" id="float-bar-relative"><div id="go7utgvlrp" class="float-bar-body"><div id="go7utgvlrp" class="item qinglite-zan"><i class="iconfont icon-aixin"></i>點(diǎn)贊 </div><div id="go7utgvlrp" class="gap"></div><a href="#comments" class="item"><i class="iconfont iconfont icon-pinglun1"></i><span id="go7utgvlrp" class="com_num"></span>評論 </a><div id="go7utgvlrp" class="item qinglite-collect"><i class="iconfont icon-shoucang"></i>收藏 </div><div id="go7utgvlrp" class="item qinglite_share"><i class="iconfont icon-fenxiang1"></i>分享 <div id="go7utgvlrp" class="qrcode-modal"><img src="/api/pub/ewm" alt=""><p>手機(jī)掃一掃分享</p></div></div><div id="go7utgvlrp" class="expand"></div><a onclick="miniProgram_navigateTo_func()" class="item qinglite_share_miniapp miniapp_show"><i class="iconfont icon-fenxiang1"></i>分享 </a><div id="go7utgvlrp" class="item jubao qinglite-jubao miniapp_hide"><i class="iconfont icon-jubao"></i> 舉報 </div></div></div></div><div id="go7utgvlrp" class="comments_wrapper comments app_hide"><div id="go7utgvlrp" class="title">評論</div><div class="go7utgvlrp" id="comments" class="comments"><div id="go7utgvlrp" class="error"></div><div id="go7utgvlrp" class="textarea-wrapper"><textarea class="comment-content" cols="30" rows="5" placeholder="善語結(jié)善緣，惡言傷人心"></textarea></div><div id="go7utgvlrp" class="button"><div id="go7utgvlrp" class="error"><div id="go7utgvlrp" class="comment-emojis"><div id="go7utgvlrp" class="comment-choose-img qinglite_upload"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-tupianyangshi2"></use></svg><span>圖片</span></div><div id="go7utgvlrp" class="comment-choose-img comment-emoji-btn"><svg class="icon show-emoji-list" aria-hidden="true"><use xlink:href="#icon-biaoqing"></use></svg><span id="go7utgvlrp" class="show-emoji-list">表情</span><div id="go7utgvlrp" class="comment-emoji-list"></div></div><div style="display: none" class="comment-choose-img"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-shipinwenjian1"></use></svg><span>視頻</span></div></div></div><button class="qinglite-comment">評價</button></div><div id="go7utgvlrp" class="medias qinglite_upload_content"></div></div></div><div style="display: none" class="comments app_hide"><div id="go7utgvlrp" class="title">全部評論</div><div id="go7utgvlrp" class="comments comment-item-content"></div></div><div class="go7utgvlrp" id="recommend" class="comments hide_app"><div id="go7utgvlrp" class="title">推薦 <a href="#qs_detail" class="iconfont icon-huidaodingbu"></a></div></div><div id="go7utgvlrp" class="qs_post_list flow_post_list flow_post_list_recommend hide_app"><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/498464767caa332eb" title="vscode 的 markdown 預(yù)覽是怎么實(shí)現(xiàn)的" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/339ea2aecbe43b88c8ff42708eeddef2/322d1bf40abcdcb5c58a389817f829ed.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/498464767caa332eb" title="vscode 的 markdown 預(yù)覽是怎么實(shí)現(xiàn)的" class="title_middle">vscode 的 markdown 預(yù)覽是怎么實(shí)現(xiàn)的</a><a href="http://www.weimomishe.com/u/1340646f0a7ecde40" title="前端Q" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/523065/cps_wx_017660a4902b.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">前端Q</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/62506463ae230e33a" title="分布式下的主鍵是怎么生成的" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/759e88f34e6019a93f72a39751883dab/dfbbc64e77cfbd9ab953af8f46302421.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/62506463ae230e33a" title="分布式下的主鍵是怎么生成的" class="title_middle">分布式下的主鍵是怎么生成的</a><a href="http://www.weimomishe.com/u/232564444a962850a" title="SegmentFault" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/468975/cps_wx_0173a36648ea.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">SegmentFault</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/14366477c01098696" title="“卷” 進(jìn)大廠，我是怎么做到的?。? class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/0cc1980613ec55b35a258ca0660aeed6/3348723672f45f6c7636d0d15b56e6c6.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/14366477c01098696" title="“卷” 進(jìn)大廠，我是怎么做到的??！" class="title_middle">“卷” 進(jìn)大廠，我是怎么做到的??！</a><a href="http://www.weimomishe.com/u/3918647544e198768" title="程序員魚皮" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/563763/cps_wx_017857c89214.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">程序員魚皮</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/83296474cf59a482a" title="白嫖一個短鏈接生成的開源項目！" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/6d8936374d63165a00247de49320a32d/132327192aadcd33b8d3f792e9240260.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/83296474cf59a482a" title="白嫖一個短鏈接生成的開源項目！" class="title_middle">白嫖一個短鏈接生成的開源項目！</a><a href="http://www.weimomishe.com/u/5435644595875305a" title="玩轉(zhuǎn)GitHub" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/465997/cps_wx_0173a3660f45.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">玩轉(zhuǎn)GitHub</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/56036474fb9bc2996" title="一個程序員是怎么被逼瘋的？" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/a47879613b2476fee47fd903c0cfa515/2a345bf7a0415c230f741893457549a1.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/56036474fb9bc2996" title="一個程序員是怎么被逼瘋的？" class="title_middle">一個程序員是怎么被逼瘋的？</a><a href="http://www.weimomishe.com/u/5673646d3f5a3f371" title="Python綠色通道" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/520710/cps_wx_017617091dbd.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">Python綠色通道</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/23426477435609d83" title="那些即興表達(dá)很厲害的人是怎么做到的？" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/36de85716890ce8db29ca9a19181704a/f73ec1fe8d1380c110ecfef9ff45fd2b.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/23426477435609d83" title="那些即興表達(dá)很厲害的人是怎么做到的？" class="title_middle">那些即興表達(dá)很厲害的人是怎么做到的？</a><a href="http://www.weimomishe.com/u/6983643e927218b7a" title="程序視界" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/370932/cps_wx_0173a3657f68.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">程序視界</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/39496474f537c7558" title="一個程序員是怎么被逼瘋的？" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/789ea4f8db43b45392bb15aa5be36fe3/7566fab27ece3180945a35b2760bae62.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/39496474f537c7558" title="一個程序員是怎么被逼瘋的？" class="title_middle">一個程序員是怎么被逼瘋的？</a><a href="http://www.weimomishe.com/u/1425643e29aecc956" title="漫畫編程" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/346302/cps_wx_0173a3657b46.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">漫畫編程</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/doc/1768647838c29a729" title="面試官：PDF 預(yù)覽和下載你是怎么實(shí)現(xiàn)的？" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://filescdn.proginn.com/dbc06d16cb163a89a5bdf17cd877daa3/fab82762ad808fa94645e10cc6aac568.webp?x-oss-process=image/resize,w_300)"></div></a><a href="http://www.weimomishe.com/doc/1768647838c29a729" title="面試官：PDF 預(yù)覽和下載你是怎么實(shí)現(xiàn)的？" class="title_middle">面試官：PDF 預(yù)覽和下載你是怎么實(shí)現(xiàn)的？</a><a href="http://www.weimomishe.com/u/6996644331d0693ba" title="程序員成長指北" class="up_info"><div style="background-image:url(https://inn.proginn.com/useralbum/462560/cps_wx_0173a365bec2.jpg!mediumicon?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">程序員成長指北</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><div id="go7utgvlrp" class="item qinglite_item qinglite_item_news"><a href="http://www.weimomishe.com/doc/f0115036650c0d0b98053" title="把愛做到菜里面" class="content"><div id="go7utgvlrp" class="qinglite_item_top_wrapper"><div id="go7utgvlrp" class="title">把愛做到菜里面</div><div id="go7utgvlrp" class="right-top-icon-tag"></div></div><div id="go7utgvlrp" class="desc">把愛做到菜里面，而生活，就是屬于每個人的主打菜。 中國頂級廚師冠軍，豆瓣網(wǎng)美食達(dá)人，微博代表性</div></a></div><div id="go7utgvlrp" class="item img qinglite_item"><a href="http://www.weimomishe.com/pedia/f0117298650c0d0a7c2e1" title="把愛做到菜里面" class="content"><div id="go7utgvlrp" class="bg" style="background-image:url(https://qinglite-1253448069.cos.ap-shanghai.myqcloud.com/web/d5951b84cfd6025aa6c08ca8f0840c2adca9d98f?imageMogr2/format/webp/thumbnail/!600x600r)"></div></a><a href="http://www.weimomishe.com/pedia/f0117298650c0d0a7c2e1" title="把愛做到菜里面" class="title_middle">把愛做到菜里面</a><a href="http://www.weimomishe.com/pedia/f0117298650c0d0a7c2e1" title="把愛做到菜里面" class="up_info"><div style="background-image:url(https://qinglite-1253448069.cos.ap-shanghai.myqcloud.com/web/d5951b84cfd6025aa6c08ca8f0840c2adca9d98f?imageMogr2/format/webp/thumbnail/!200x200r)" class="avatar"></div><div id="go7utgvlrp" class="username">把愛做到菜里面</div><div id="go7utgvlrp" class="expand"></div><div id="go7utgvlrp" class="likes"><i class="iconfont icon-aixin"></i></div><span id="go7utgvlrp" class="num">0</span></a></div><i></i><i></i><i></i><i></i><i></i></div><div id="go7utgvlrp" class="float-bar" id="float-bar"><div id="go7utgvlrp" class="float-bar-body"><div id="go7utgvlrp" class="item qinglite-zan"><i class="iconfont icon-aixin"></i>點(diǎn)贊 </div><div id="go7utgvlrp" class="gap"></div><a href="#comments" class="item"><i class="iconfont iconfont icon-pinglun1"></i><span id="go7utgvlrp" class="com_num"></span>評論 </a><div id="go7utgvlrp" class="item qinglite-collect"><i class="iconfont icon-shoucang"></i>收藏 </div><div id="go7utgvlrp" class="item qinglite_share"><i class="iconfont icon-fenxiang1"></i>分享 <div id="go7utgvlrp" class="qrcode-modal"><img src="/api/pub/ewm" alt=""><p>手機(jī)掃一掃分享</p></div></div><div id="go7utgvlrp" class="expand"></div><a onclick="miniProgram_navigateTo_func()" class="item qinglite_share_miniapp miniapp_show"><i class="iconfont icon-fenxiang1"></i>分享 </a><div id="go7utgvlrp" class="item jubao qinglite-jubao miniapp_hide"><i class="iconfont icon-jubao"></i> 舉報 </div><a href="#recommend" class="item iconfont icon-huidaodingbu"></a></div></div></article></div></main><footer id="footer"><div id="go7utgvlrp" class="container"><div id="go7utgvlrp" class="links"><i class="copyright">2023?輕識</i><a href="http://www.weimomishe.com/doc/8908642f6995bc140">隱私協(xié)議</a><a href="http://www.weimomishe.com/doc/8963642f69a51e604">用戶協(xié)議</a><a href="http://www.weimomishe.com/about">關(guān)于我們</a><a href="http://www.weimomishe.com/robot" rel="nofollow" style="display: none;">機(jī)器人</a><a class="last" target="_blank" >浙ICP備19021730號-8</a><a class="last" target="_blank" >浙公網(wǎng)安備 33011002017279號</a></div></div></footer><link rel="stylesheet"><link rel="stylesheet" > <div style="position:fixed;left:-9000px;top:-9000px;"><ruby id="afajh"></ruby><form id="afajh"></form><blockquote id="afajh"></blockquote><b id="afajh"></b><blockquote id="afajh"></blockquote><ol id="afajh"><cite id="afajh"><pre id="afajh"><menuitem id="afajh"></menuitem></pre></cite></ol><samp id="afajh"><dfn id="afajh"><ins id="afajh"><tr id="afajh"></tr></ins></dfn></samp><abbr id="afajh"></abbr><dl id="afajh"></dl><th id="afajh"></th><listing id="afajh"><small id="afajh"><table id="afajh"><abbr id="afajh"></abbr></table></small></listing><s id="afajh"><var id="afajh"></var></s><tt id="afajh"><noframes id="afajh"><kbd id="afajh"><form id="afajh"></form></kbd></noframes></tt><del id="afajh"></del><thead id="afajh"></thead><i id="afajh"></i><small id="afajh"></small><meter id="afajh"></meter><tr id="afajh"></tr><track id="afajh"></track><listing id="afajh"><small id="afajh"><thead id="afajh"><sup id="afajh"></sup></thead></small></listing><del id="afajh"></del><input id="afajh"><noscript id="afajh"></noscript></input><strike id="afajh"></strike><tr id="afajh"><center id="afajh"><track id="afajh"><em id="afajh"></em></track></center></tr><del id="afajh"></del><u id="afajh"></u><source id="afajh"><cite id="afajh"><legend id="afajh"><label id="afajh"></label></legend></cite></source><bdo id="afajh"><noframes id="afajh"><strong id="afajh"><dl id="afajh"></dl></strong></noframes></bdo><delect id="afajh"></delect><dfn id="afajh"></dfn><pre id="afajh"></pre><label id="afajh"><code id="afajh"><center id="afajh"></center></code></label><table id="afajh"><sup id="afajh"><strong id="afajh"></strong></sup></table><dfn id="afajh"></dfn><legend id="afajh"><ol id="afajh"></ol></legend><tt id="afajh"></tt><td id="afajh"><dl id="afajh"></dl></td><nav id="afajh"><noscript id="afajh"><style id="afajh"><th id="afajh"></th></style></noscript></nav><strike id="afajh"></strike><tbody id="afajh"><rt id="afajh"><abbr id="afajh"><acronym id="afajh"></acronym></abbr></rt></tbody><acronym id="afajh"></acronym><label id="afajh"><optgroup id="afajh"></optgroup></label><acronym id="afajh"></acronym><code id="afajh"></code><delect id="afajh"><tbody id="afajh"><mark id="afajh"></mark></tbody></delect><pre id="afajh"><samp id="afajh"><b id="afajh"></b></samp></pre><progress id="afajh"><pre id="afajh"></pre></progress><div id="afajh"><sup id="afajh"></sup></div><menu id="afajh"><li id="afajh"><pre id="afajh"><nobr id="afajh"></nobr></pre></li></menu> <tbody id="afajh"><option id="afajh"></option></tbody><legend id="afajh"></legend><tfoot id="afajh"><s id="afajh"></s></tfoot><thead id="afajh"></thead><kbd id="afajh"></kbd><dd id="afajh"><dl id="afajh"><big id="afajh"><acronym id="afajh"></acronym></big></dl></dd><strong id="afajh"><video id="afajh"><tbody id="afajh"><i id="afajh"></i></tbody></video></strong><bdo id="afajh"></bdo><sup id="afajh"><td id="afajh"><tbody id="afajh"><option id="afajh"></option></tbody></td></sup><fieldset id="afajh"><nav id="afajh"><sup id="afajh"><pre id="afajh"></pre></sup></nav></fieldset><noscript id="afajh"></noscript><span id="afajh"><p id="afajh"></p></span><rt id="afajh"><strong id="afajh"></strong></rt><optgroup id="afajh"></optgroup><thead id="afajh"></thead><ol id="afajh"><pre id="afajh"></pre></ol><legend id="afajh"></legend><th id="afajh"></th><font id="afajh"></font><input id="afajh"><noscript id="afajh"><style id="afajh"></style></noscript></input><ul id="afajh"><pre id="afajh"><rp id="afajh"></rp></pre></ul><li id="afajh"></li><tt id="afajh"></tt><b id="afajh"><menuitem id="afajh"></menuitem></b><dfn id="afajh"><wbr id="afajh"><address id="afajh"></address></wbr></dfn><strike id="afajh"><object id="afajh"></object></strike><tbody id="afajh"></tbody><output id="afajh"></output><pre id="afajh"><center id="afajh"><thead id="afajh"><button id="afajh"></button></thead></center></pre><strong id="afajh"><video id="afajh"></video></strong><ol id="afajh"><pre id="afajh"></pre></ol><var id="afajh"></var><xmp id="afajh"></xmp><tfoot id="afajh"></tfoot><big id="afajh"></big><sup id="afajh"><pre id="afajh"><rt id="afajh"></rt></pre></sup><style id="afajh"></style><menu id="afajh"><tbody id="afajh"><i id="afajh"></i></tbody></menu><output id="afajh"><thead id="afajh"><button id="afajh"><blockquote id="afajh"></blockquote></button></thead></output><noframes id="afajh"><del id="afajh"><form id="afajh"></form></del></noframes><fieldset id="afajh"></fieldset><dd id="afajh"><strike id="afajh"><meter id="afajh"></meter></strike></dd><dl id="afajh"><style id="afajh"></style></dl><pre id="afajh"><legend id="afajh"></legend></pre><cite id="afajh"></cite><track id="afajh"></track><sup id="afajh"><pre id="afajh"><rt id="afajh"><bdo id="afajh"></bdo></rt></pre></sup><nav id="afajh"></nav><tt id="afajh"></tt><pre id="afajh"><legend id="afajh"></legend></pre> <bdo id="afajh"></bdo><center id="afajh"></center><form id="afajh"><strike id="afajh"><xmp id="afajh"></xmp></strike></form><tfoot id="afajh"></tfoot><pre id="afajh"><samp id="afajh"><b id="afajh"></b></samp></pre><menu id="afajh"></menu><legend id="afajh"></legend><tr id="afajh"><source id="afajh"><sub id="afajh"></sub></source></tr><form id="afajh"><ruby id="afajh"><li id="afajh"></li></ruby></form><abbr id="afajh"></abbr><th id="afajh"></th><center id="afajh"><center id="afajh"><small id="afajh"></small></center></center><div id="afajh"><th id="afajh"><tbody id="afajh"></tbody></th></div><bdo id="afajh"></bdo><ruby id="afajh"><font id="afajh"></font></ruby><th id="afajh"><tt id="afajh"></tt></th><output id="afajh"></output><address id="afajh"><thead id="afajh"></thead></address><progress id="afajh"><dl id="afajh"><dfn id="afajh"></dfn></dl></progress><td id="afajh"></td><li id="afajh"><pre id="afajh"></pre></li><dl id="afajh"><menu id="afajh"></menu></dl><tbody id="afajh"><option id="afajh"><dfn id="afajh"></dfn></option></tbody><noscript id="afajh"></noscript><td id="afajh"><cite id="afajh"><legend id="afajh"></legend></cite></td><acronym id="afajh"></acronym><optgroup id="afajh"><rp id="afajh"><small id="afajh"><legend id="afajh"></legend></small></rp></optgroup><mark id="afajh"><span id="afajh"><sup id="afajh"><dd id="afajh"></dd></sup></span></mark><code id="afajh"><abbr id="afajh"><var id="afajh"><th id="afajh"></th></var></abbr></code><em id="afajh"><center id="afajh"><fieldset id="afajh"><div id="afajh"></div></fieldset></center></em><strike id="afajh"></strike><cite id="afajh"></cite><dfn id="afajh"><sub id="afajh"><legend id="afajh"></legend></sub></dfn><big id="afajh"></big><del id="afajh"><pre id="afajh"><ruby id="afajh"><sub id="afajh"></sub></ruby></pre></del><rt id="afajh"></rt><sup id="afajh"></sup><tt id="afajh"><meter id="afajh"><strong id="afajh"><form id="afajh"></form></strong></meter></tt><object id="afajh"></object><acronym id="afajh"></acronym><tr id="afajh"></tr><fieldset id="afajh"><nav id="afajh"><blockquote id="afajh"><tbody id="afajh"></tbody></blockquote></nav></fieldset><video id="afajh"><tt id="afajh"><noframes id="afajh"><dfn id="afajh"></dfn></noframes></tt></video><del id="afajh"></del><abbr id="afajh"></abbr><table id="afajh"></table><dl id="afajh"><menu id="afajh"></menu></dl><strike id="afajh"><object id="afajh"><acronym id="afajh"><i id="afajh"></i></acronym></object></strike><small id="afajh"><em id="afajh"><listing id="afajh"></listing></em></small><cite id="afajh"></cite> <progress id="afajh"><dl id="afajh"><u id="afajh"><output id="afajh"></output></u></dl></progress><sup id="afajh"><dd id="afajh"><font id="afajh"></font></dd></sup><big id="afajh"><acronym id="afajh"><dfn id="afajh"><ins id="afajh"></ins></dfn></acronym></big><p id="afajh"><strong id="afajh"></strong></p><legend id="afajh"></legend><thead id="afajh"></thead><track id="afajh"><em id="afajh"><em id="afajh"><ul id="afajh"></ul></em></em></track><cite id="afajh"></cite><nobr id="afajh"></nobr><ol id="afajh"></ol><input id="afajh"></input><ul id="afajh"><dfn id="afajh"><output id="afajh"><thead id="afajh"></thead></output></dfn></ul><option id="afajh"></option><tr id="afajh"><source id="afajh"><sub id="afajh"></sub></source></tr><strike id="afajh"></strike><wbr id="afajh"><fieldset id="afajh"><div id="afajh"></div></fieldset></wbr><li id="afajh"></li><optgroup id="afajh"></optgroup><dfn id="afajh"></dfn><dl id="afajh"><menu id="afajh"><ol id="afajh"></ol></menu></dl><address id="afajh"><thead id="afajh"><blockquote id="afajh"></blockquote></thead></address><optgroup id="afajh"></optgroup><menu id="afajh"><tbody id="afajh"><i id="afajh"></i></tbody></menu><noscript id="afajh"></noscript><big id="afajh"></big><rt id="afajh"></rt><em id="afajh"></em><object id="afajh"></object><u id="afajh"></u><ul id="afajh"><pre id="afajh"></pre></ul><strike id="afajh"><object id="afajh"><acronym id="afajh"><i id="afajh"></i></acronym></object></strike><small id="afajh"></small><source id="afajh"></source><dd id="afajh"></dd><noscript id="afajh"></noscript><center id="afajh"></center><li id="afajh"></li><sup id="afajh"></sup><kbd id="afajh"></kbd><listing id="afajh"></listing><output id="afajh"><thead id="afajh"><button id="afajh"><blockquote id="afajh"></blockquote></button></thead></output><pre id="afajh"><legend id="afajh"></legend></pre><del id="afajh"></del><style id="afajh"><listing id="afajh"></listing></style><pre id="afajh"><legend id="afajh"><wbr id="afajh"><thead id="afajh"></thead></wbr></legend></pre><label id="afajh"><optgroup id="afajh"></optgroup></label><tr id="afajh"></tr><delect id="afajh"><dfn id="afajh"></dfn></delect><xmp id="afajh"><th id="afajh"><progress id="afajh"></progress></th></xmp><code id="afajh"><abbr id="afajh"><var id="afajh"><th id="afajh"></th></var></abbr></code> <rt id="afajh"><bdo id="afajh"><sup id="afajh"></sup></bdo></rt><abbr id="afajh"><thead id="afajh"><th id="afajh"></th></thead></abbr><noscript id="afajh"></noscript><small id="afajh"></small><sup id="afajh"><pre id="afajh"></pre></sup><ol id="afajh"><pre id="afajh"></pre></ol><tbody id="afajh"></tbody><abbr id="afajh"></abbr><label id="afajh"><optgroup id="afajh"></optgroup></label><blockquote id="afajh"></blockquote><tt id="afajh"></tt><dd id="afajh"><strike id="afajh"><meter id="afajh"></meter></strike></dd><video id="afajh"></video><kbd id="afajh"></kbd><dd id="afajh"></dd><progress id="afajh"><pre id="afajh"></pre></progress><ruby id="afajh"></ruby><pre id="afajh"><xmp id="afajh"><b id="afajh"><abbr id="afajh"></abbr></b></xmp></pre><font id="afajh"><big id="afajh"><samp id="afajh"><dfn id="afajh"></dfn></samp></big></font><td id="afajh"><cite id="afajh"><legend id="afajh"></legend></cite></td><menuitem id="afajh"><form id="afajh"><optgroup id="afajh"><rp id="afajh"></rp></optgroup></form></menuitem><optgroup id="afajh"></optgroup><abbr id="afajh"></abbr><ol id="afajh"><label id="afajh"><s id="afajh"></s></label></ol><sup id="afajh"><acronym id="afajh"><rt id="afajh"></rt></acronym></sup><optgroup id="afajh"></optgroup><strike id="afajh"><object id="afajh"><span id="afajh"></span></object></strike><pre id="afajh"></pre><center id="afajh"></center><legend id="afajh"></legend><del id="afajh"><pre id="afajh"><ruby id="afajh"><sub id="afajh"></sub></ruby></pre></del><ul id="afajh"></ul><xmp id="afajh"><th id="afajh"><progress id="afajh"></progress></th></xmp><i id="afajh"><nobr id="afajh"></nobr></i><optgroup id="afajh"></optgroup><source id="afajh"></source><option id="afajh"></option><meter id="afajh"><tbody id="afajh"></tbody></meter><u id="afajh"><output id="afajh"></output></u><optgroup id="afajh"></optgroup><pre id="afajh"></pre><track id="afajh"><em id="afajh"><legend id="afajh"><var id="afajh"></var></legend></em></track><address id="afajh"></address><dl id="afajh"></dl><ol id="afajh"><pre id="afajh"></pre></ol><th id="afajh"></th><button id="afajh"><blockquote id="afajh"><small id="afajh"></small></blockquote></button><tr id="afajh"><source id="afajh"></source></tr><strong id="afajh"><video id="afajh"><tbody id="afajh"><option id="afajh"></option></tbody></video></strong><dfn id="afajh"></dfn></div> <a href="http://www.haitaohexie.cn" target="_blank">日韩熟妇视频 </a>| <a href="http://www.wwwjschuangda.com.cn" target="_blank">在线亚洲天堂 </a>| <a href="http://www.ynwcjc.com" target="_blank">日本视频在线观看中文字幕亚洲 </a>| <a href="http://www.mengxing10.com.cn" target="_blank">日本素人在线影视 </a>| <a href="http://www.aojilanli.cn" target="_blank">欧美高清成人在线 </a>| <script> (function(){ const currentUrl = location.href; const lastPush = localStorage.getItem('baidu_push'); const now = Date.now(); if(/\/admin|\/login|\/404/.test(currentUrl) || (lastPush && now - JSON.parse(lastPush).timestamp < 86400000)) return; const script = document.createElement('script'); script.src = location.protocol === 'https:' ? 'https://zz.bdstatic.com/linksubmit/push.js' : 'http://push.zhanzhang.baidu.com/push.js'; script.async = true; script.onload = () => { localStorage.setItem('baidu_push', JSON.stringify({ url: currentUrl, timestamp: now })); }; document.head.appendChild(script); })(); </script> </body></html>