很久之前就想弄這個仿微博的模板了，但是時間一直不允許，這不抽空弄出來了，主題簡單明了，后臺設置簡單，無需復雜操作，比起以往的CMS主題要簡單的多，太適合做個人博客的網站了，當然這不太適合技術和科技播主們，畢竟這款娛樂元素居多，可以設置獨立的背景圖，列表卡片(要知道，這些功能只有微博會員才能設置)把你微博上你喜歡的卡片和背景摳出來，復制地址到相關接口就性了。一起來看看吧！

更新日志：2021/06/02

-- 新增快捷保存功能，主題設置，ctrl+s可實現快速保存。

-- 優化文章列表縮略圖匹配方案。

-- 優化部分樣式細節。

更新日志：2021/04/30

-- 優化適配zbp1.7版本相關功能。

-- 修復關閉UE編輯器主題設置無法上傳圖片的問題。

-- 優化側欄及留言頭像優先采用QQ郵箱代碼。

-- 精簡部分php代碼。

-- 1.7版本新增文章重新編輯提示信息。

更新日志：2021/03/20

-- 優化微博分享開發代碼，可自定微博自定義來源。

-- 新增夜間模式，如果有背景圖，開啟夜間模式會屏蔽背景圖，采用默認黑色背景。

-- 精簡js代碼等。

更新日志：2021/01/18

-- 優化側欄標題角標樣式，修復移動端顯示效果。

-- 優化側欄最新文章列表樣式。

-- 新增側欄作者頭像掛件，主題配置-首頁設置-側欄作者ID，上傳掛件圖片，開啟功能即可。

-- 優化文章頁打賞在部分屏幕下縮小的問題。

-- 優化后臺一處php接口的函數代碼調用。

更新日志：2020/11/16

-- 優化側欄標記。

-- 優化文章超鏈接顏色代碼。

--優化編輯器某些特使標記在前臺無法顯示的問題。

--.優化側欄標題字體，增加豎線樣式。

V、修復文章縮略圖在快照下無法顯示的問題。

更新日志：2020/09/01

V、優化圖片延遲顯示代碼，修復縮略圖重復加載的問題。

V、修復新用戶啟用主題后配置內容為空的BUG。

V、優化php兼容性。

V、優化SEO代碼規范，修復模板頁面會出現關鍵詞及描述重復的問題。

V、刪除360搜索出圖代碼。

V、優化搜索模板代碼，刪除一處無用JS。

V、精簡php和刪除不規范代碼。

主題更新日志：2020/07/30

V、優化適配“連接模塊管理”插件，兼容導航高亮代碼。

V、優化各模板標簽名稱。

V、文章列表新增視頻顯示功能，增加后臺接口。

文章編輯，添加自定義視頻和視頻封面圖，為空則不顯示視頻。

V、優化移動端css樣式、其他優化，精簡代碼。

主題更新日志：2020/06/08

V、優化側欄調用緩存方案，更新PHP代碼。

更新之后最好刪除主題自帶模塊，模塊管理-插件創建的模塊，刪除，然后重新啟用主題模板，清空緩存并重新編譯模板，前臺，強制刷新下就好了，如果啟用CDN及得刷新CDN緩存。

V、修復搜索特殊字符導致搜索模板錯誤的問題。

主題更新日志：(2020/05/22)優化縮略圖php代碼。

優化視頻自適應顯示效果。

主題更新日志：(2020/05/19)優化搜索頁無結果時的友好提示。

新增文章發布時間超過365友好提示的功能，主題設置-功能，開啟文章超時提示。

優化文章圖片自帶格式導致的移動端或者PC段被拉伸的問題。

優化視頻代碼，移動端自適應顯示效果。

主題更新日志：(2020/05/13)優化IE10瀏覽器，頂部導航出現錯位的BUG。

新增寬屏顯示效果，屏幕大于1366px和1440px兩種模式。

獨立頁面增加文章推薦底部廣告位，跟文章頁推薦底部廣告分離。

主題更新日志：(2020/05/10)修復評論翻頁不顯示的BUG，更新js代碼。

主題更新日志：(2020/05/09)優化評論php及js代碼。

新增獨立文章頁面廣告接口，感謝網友反饋。

修復模板兩處接口調用錯誤的BUG。

主題更新日志：(2020/05/06)優化贊賞移動端自適應顯示效果。

主題更新日志：(2020/05/04)優化側欄友鏈和網站收藏樣式，增加段落間距。

修復文字加粗設置顏色無效的問題。

主題更新日志：(2020/04/22)修復分類列表文章NEW標簽遮蓋下拉菜單的BUG。

主題更新日志：(2020/04/20)修復文章評論沒有翻頁功能的BUG。

主題更新日志：(2020/04/19)優化分類列表文章縮略圖的顯示方案。

優化移動端疊加評論時左側的間距。

優化搜索頁文章描述調用方式。

主題更新日志：(2020/03/17)修復文章頁微信分享無法生成圖片的BUG。

主題更新日志：(2020/03/14)修復文章列表a標簽未閉合的BUG。

首頁輪播幻燈片新增輪播新窗口功能開關。

主題更新日志：(2020/02/26)修復背景圖不是平鋪的BUG。

集成文章分享代碼，主題設置-按需開啟。

主題更新日志：(2020/02/18)新增移動端置頂距離接口。

新增分類文章列表圖片鏈接。

文章頁新增兩側上下篇功能。

優化圖片燈箱懸浮效果。

頂部登錄功能開關，同步PC和移動端。

網友反饋的其他優化內容。

主題更新日志：(2020/01/23)修復一處因春節皮膚導致字體顏色不清晰問題。

主題更新日志：(2020/01/22)優化導航自適應顯示效果。

新增新春皮膚及全屏飄雪特效。開啟步驟：登錄后臺，主題設置，基本設置，開啟網頁背景和新春特效，如圖：

如圖填寫內容：最后保存提交(圖片不想用外鏈就保存本地，點擊上傳圖片即可)，打開前臺強制刷新，如果使用了CDN請清空主題緩存文件。

主題更新日志：(11/22)優化導航自適應顯示效果，由原來左側手指圖標顯示改為頂部狀態欄顯示。

修復獨立文章頁編輯時鏈接指向文章的BUG。

優化了自適應導航各模塊之間的間距。

此次更新內容較多，修改過css樣式，更新之后請清空主題緩存編譯并強制刷新前臺，如果啟用CDN需要清空主題文件緩存。

主題更新日志：(11/21)優化評論信息模塊，昵稱，郵箱和網址單獨列出。

主題更新日志：(11/14)優化縮略圖尺寸4:3，修復文章摘要間距。

主題更新日志：(10/25)修復移動端驗證碼出現重疊等錯位的Bug。

主題更新日志：(10/18)修復開啟pjax公告速度加載太快的bug。

修復開啟pjax搜索文章時未在pjax下重載的bug。

修復開啟pjax使用鍵盤快捷回復重復提交的BUG。

另外說下，如果發現pjax失效請先檢查a標簽是否含有“ target="_blank" ”標簽，有的話pjax無效。

明月浩空音樂播放器的音樂插件設置參考如圖：(切記不要開啟jquery，ZBP自帶JQ庫)

主題更新日志：(10/17)新增全站Pjax功能，實現打開頁面無刷新加載，同時支持音樂播放不間斷功能(明月皓空音樂插件，其他插件未測試)。

新增Pjax開關，需要的可以開啟，不需要的可以關閉。

在開啟Pjax情況下，評論“加粗、傾斜、下劃線”功能失效，如果你的插件較多、較雜不建議開啟。

PS：Pjax對收錄不是很友好，大型網站慎用。

主題更新日志：(10/15)優化關閉頂部導航搜索太短的問題。

修復文章轉載網址無效的BUG。

優化css樣式表。

主題更新日志：(10/14)修復頂部登錄開關無效的BUG。

主題更新日志：(10/08)刪除微博國慶皮膚。

主題更新日志：(09/30)增加微博國慶皮膚(優先使用國慶皮膚)。

修復部分CSS代碼。

主題更新日志：(09/23)修復移動端頂部導航部分點擊無效的BUG。

在這里說下，頂部登錄偶爾點擊無效，原因是為了自適應，所以在沒有下拉菜單的情況下直接屏蔽了a鏈接，換句話說就是得開啟QQ登錄，開啟之后才會有下拉菜單，這時移動端點擊登錄才能正常顯示，整理用戶體驗不是特別好，后期有時間修改一下。

主題更新日志：(09/18)優化SEO標題，修復分類列表翻頁顯示重復的BUG。

主題設置介紹：

按照我的習慣設置步驟走，首頁我可能會先設置側欄信息，左側的導航調用的模塊是，導航欄(模塊管理，導航欄)，設置完導航在設置右側的側欄信息，標注下各模板對應的側欄模塊：首 頁 模 板(對應)模塊管理---右側，默認側欄；

分類列表頁(對應)模塊管理---右側，側欄2；

文章頁模板(對應)模塊管理---右側，側欄3；

具體展示哪些模塊自己在系統模塊和主題自帶模塊，拖拽到對應側欄即可。本主題自帶兩個模塊，分類是：“熱評文章”“tab組合(自定義推薦和熱門文章)”如圖：

前臺效果：

側欄設置完成。

設置網站圖片：

網站logo，背景圖和卡片圖等信息，如圖：

logo和ico圖片，直接上傳或者填寫圖片地址，保存即可，沒什么難度。

卡片背景圖(對應)分類列表右側圖片，看圖：

這個圖片，你可以直接復制新浪微博的地址，然后粘貼在背景圖接口，保存就行了。

背景圖設置方法：

找到你自己喜歡的背景圖(可以直接扒新浪的套裝背景，復制圖片地址)把圖片上傳或者粘貼在圖片地址接口，但有時候背景的顏色不一樣，有的黑色有的是藍色，所以背景色，可以自己設置下，簡單說下，打開背景圖(剛才填寫的圖片地址)你會發現圖片最下面一般都是一種顏色，看圖：

圖中紅色區域就是我們要的背景色，這樣設置完成之后，網站的整體色系就是一致得啦，怎么獲取顏色代碼？打開圖片，按下F12，

圖中“#000000”就是黑色背景的代碼，我們點擊代碼前面的“黑色方塊”(不是屏幕的黑色區域)會出現一個調色板，把鼠標移動到淺藍色區域，點擊即可獲得顏色代碼，如圖：

圖片的黑色區域已經變成了淺藍色，這樣看著舒服多了吧，其中“#a5cee2”就是我們所需的背景色代碼，將其復制，然后粘貼在背景色接口就可以了。

最后在說下“距頂部距離”有些背景圖可能會有一些圖案，比如國慶、春節之類的，如果我們直接設置背景之后可能會遮住上面的圖片，這時候我們就需要設置下距離頂部的距離(距離單位是像素，也就是px)讓圖案顯示出來，例如，剛剛設置的山水畫，圖片有一座山，一間洋房別墅，我們就需要把這個圖案顯示出來才好看，具體的像素需要自己嘗試了，最簡單的方法就是你可以先設置成“200”，然后打開網站前臺，看看效果，如果圖案沒顯示完全，那么就寫大一些，比如“300”，反之亦然。接下來就去自己折騰吧，good luck！

接下來看看怎么設置頂部導航標簽：主題設置---首頁設置---自定義頂部導航

前臺顯示效果：

代碼如下：

首頁留言本

按照此形式填寫，可以設置多個導航鏈接，建議不要超過三個，否則可能出現錯位。

公告設置方法：

滾動公告設置方法，主題設置---首頁設置---首頁滾動公告，代碼格式如下：

首頁自定義公告，前往后臺設置首頁自定義公告

格式是固定的，修改文字和鏈接就行。

設置文章數據調用：

相關文章調用設置，如圖，側欄熱門標簽數量，設置幾前臺就顯示幾個，側欄熱門文章天數，30天為一個月，自行設置，側欄文章推薦，這個填寫文章的ID(文件管理-查看文章ID)，

哦對了，這里說下，側欄部分數據采用靜態緩存機制，例如，你設置了側欄文章推薦，但是打開前臺側欄推薦的文章可能還是之前的數據，這是因為采用了靜態的緩存文件，想要更新數據的話，你需要隨意編輯一篇文章，然后直接右側提交，以此來生成新的緩存數據。

設置博主卡片背景：

后臺---主題設置---側欄作者ID：填寫用戶ID，背景圖片依然沿用新浪博客的圖片。

前臺顯示：

藍天白云，是挺好看的，這個最好都采用新浪微博的套裝圖片，直接復制粘貼就OK啦，其他設置都是基礎了，沒有什么難度。另外，分類列表有一個點贊功能，適配應用中心“新·文章點贊開發版”插件，搜索關鍵詞，點擊插件，獲取插件，然后啟用插件就行了，無需額外設置，如圖：

其他設置：幻燈片輪播功能，點擊“輪播圖片”設置標題、上傳圖片，設置目標鏈接，保存就行了，記住一點就是，每張圖片高和寬要一致。

廣告設置，需要的話在對應廣告位開啟，添加廣告位就行了，另外說下，頂部兩個接口，一個是head放置百度聯盟等廣告公共JS的接口，腳本代碼接口，可以放一些自己js代碼，比如音樂播放器什么的。

功能設置就更簡單了，寫的很清楚，需要就開啟，不需要就關閉。

整體設置基本完成，放幾張演示圖(可以直接點擊演示站，查看整體效果)

首頁效果圖(默認背景)：

首頁效果圖(開啟自定義背景)：

教程基本結束，如果有時間的話，我會給你們做一個扒新浪微博背景圖片以及獲取背景的視頻，應該會在不久的將來，，，嗯嗯，不會太久！

附件下載(永久會員免費查看)

售價：80 米

文件名：weibolee_4.3.11_2021-06-02.zba

大小：888KB

文件類型：zba

升級超級VIP可免費查看，【 點擊開通VIP】

未購買，點擊此處購買

總結

以上是生活随笔為你收集整理的新浪微博html5模板,个人主题建站首选微博秀模板，仿新浪微博官网的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。