零基礎(chǔ)搭建屬于自己的視頻網(wǎng)站！

先來(lái)看一下“海洋cms”的介紹

快速免費(fèi)搭建視頻網(wǎng)站，無(wú)廣告，上手快，適合練手，自己看電影用

其他自行百度

下面看一下示例網(wǎng)站（手機(jī)瀏覽器掃描二維碼）http://yinshivip.club（由于使用的是垃圾虛擬主機(jī)，訪問(wèn)可能過(guò)慢，請(qǐng)耐心等待）

首頁(yè)

==========

詳情頁(yè)

下面是詳細(xì)介紹

一、租虛擬主機(jī)

騰訊、阿里、網(wǎng)上也有免費(fèi)空間等等都可以。我用的是免備案的，能省下很多煩惱。

百度搜索悍銘福利空間（這不是廣告），我是基于這個(gè)免費(fèi)（也不是純免費(fèi)，一元每月）空間做的網(wǎng)站，這里不寫(xiě)下面沒(méi)法介紹

好多朋友反饋這個(gè)虛擬主機(jī)最近不穩(wěn)定，不建議大家購(gòu)買(mǎi)，雖然便宜，但是糟心。

如果你有一點(diǎn)點(diǎn)的基礎(chǔ)，建議買(mǎi)阿里百度騰訊等等的虛擬主機(jī)

反正虛擬主機(jī)的控制面板都差不多

二、買(mǎi)域名并解析到虛擬主機(jī)

詳情自行百度或私聊我，手把手教。

虛擬主機(jī)服務(wù)商一般(不一定)都會(huì)送域名，不買(mǎi)也行，看情況。

三、上傳程序

首先下載“海洋CMS"到你的電腦上

======================

下載之后將壓縮包放到桌面

1解壓

2打開(kāi)解壓后的文件夾

3選中upload文件夾里面的所有文件和文件夾

4壓縮為rar文件

5重命名為”1.rar“

===============

電腦安裝FTP軟件（WinSCP）自行百度下載并安裝”WinSCP“

打開(kāi)剛安裝的WinSCP，看下圖，在虛擬主機(jī)服務(wù)商那里找到相應(yīng)信息

將相應(yīng)信息填寫(xiě)到軟件里，點(diǎn)擊登陸

將1.rar上傳到/db文件夾中

去/web文件夾里，把里面的文件全部清空。

下面在瀏覽器里打開(kāi)虛擬主機(jī)管理界面

點(diǎn)擊在線解壓

看下圖

等待幾分鐘，等待解壓完成

===================

解壓完空間里是這個(gè)樣子的

如果是下圖這樣，請(qǐng)面壁思過(guò)

===================

在這里找到相應(yīng)的信息

打開(kāi)瀏覽器

訪問(wèn)下面的網(wǎng)址

http://你的域名/install/index.php

（如果你到此步驟打不開(kāi)，請(qǐng)?jiān)囈幌逻@個(gè)地址

http://你的域名/upload/install/index.php

如果打開(kāi)了，請(qǐng)關(guān)閉電腦，出去走走，世界這么美好何必非得糾結(jié)于這個(gè)問(wèn)題呢。認(rèn)真學(xué)習(xí)一下語(yǔ)文并重新從第三部分開(kāi)始可以解決這問(wèn)題。）

如下圖所示

看上圖，查看對(duì)應(yīng)關(guān)系，填寫(xiě)相應(yīng)信息

用戶(hù)名、密碼、網(wǎng)站名稱(chēng)、網(wǎng)站網(wǎng)址、安裝目錄按需填寫(xiě)，若看不懂就不用管，保持默認(rèn)

點(diǎn)擊下一步，下一步，下一步

下面打開(kāi)FTP軟件（WinSCP）

把紅色框內(nèi)的文件夾名字改為 qwe （或者別的字母）

===============

打開(kāi)下面這個(gè)網(wǎng)址

http://你的域名/qwe

輸入用戶(hù)名密碼

================

下面看圖操作

清空下圖紅框內(nèi)數(shù)據(jù)

廣告時(shí)間改為“0”

至此搭建完畢

====================================

四、資源采集

百度一下 “資源采集”

不用懷疑，這些網(wǎng)站都是免費(fèi)資源采集站

我們以第一個(gè)（http://yongjiuzy.net/help/#SeaCms）為例

打開(kāi)上面網(wǎng)址，看圖操作

看下面兩張圖就足夠了

圖1，添加資源庫(kù)

圖2，添加對(duì)應(yīng)的播放器。一般一個(gè)資源采集站有兩個(gè)播放器。

打開(kāi)資源采集站，點(diǎn)擊箭頭所指部分

下載一個(gè)壓縮包到桌面上

解壓出兩個(gè) .html 文件。一般一個(gè)資源采集站有兩個(gè)播放器。

打開(kāi)FTP軟件（WinSCP）

將解壓出的兩個(gè) .html 文件上傳到 /web/js/player 目錄

下面看圖操作

============

分類(lèi)綁定

沒(méi)有就空著，別亂綁

下面開(kāi)始一鍵采集

采集過(guò)后點(diǎn)擊更新緩存

完

五、其它問(wèn)題

1、關(guān)于有些分類(lèi)找不到對(duì)應(yīng)的綁定項(xiàng)

網(wǎng)站后臺(tái)-數(shù)據(jù)-分類(lèi)管理-添加一個(gè)你想要的分類(lèi)

綁定時(shí)就會(huì)有對(duì)應(yīng)的分類(lèi)了

=========================================================

2、手機(jī)播放有廣告

看圖操作

清空紅框內(nèi)數(shù)據(jù)

廣告時(shí)間改為“0”

=================================================================

3、無(wú)權(quán)限觀看相關(guān)視頻

解決辦法1網(wǎng)站后臺(tái)-用戶(hù)組管理-匿名用戶(hù)（普通會(huì)員）-編輯-勾選無(wú)權(quán)限查看的分類(lèi)-保存

解決辦法2網(wǎng)站后臺(tái)-系統(tǒng)-網(wǎng)站設(shè)置-會(huì)員系統(tǒng)開(kāi)關(guān)-關(guān)閉會(huì)員功能

=================================================================

4、首頁(yè)沒(méi)有幻燈片

網(wǎng)站后臺(tái) - 數(shù)據(jù) - 數(shù)據(jù)管理 - 編輯

將影片設(shè)置五星推薦上首頁(yè)幻燈片

將影片設(shè)置四星推薦上頻道幻燈片

網(wǎng)上搜索影片海報(bào)圖片，復(fù)制圖片的地址，填寫(xiě)到數(shù)據(jù)里

看下圖

保存

=========================================================

5、為什么只有一條播放線路

解決辦法：添加多個(gè)資源庫(kù)

===========================================================

6、批量刪除數(shù)據(jù)

方法1

方法2

=====================================================

7、自己購(gòu)買(mǎi)的域名解析并綁定后無(wú)法打開(kāi)

可能是你設(shè)置的解析方式不對(duì)

仔細(xì)看下圖中的紅字

具體解決方法看下圖，注意兩圖不同之處

=================================================================

8、都弄好了，但是網(wǎng)站打開(kāi)后如下圖所示。

========

原因：解壓之前沒(méi)有清空/web文件夾里的文件

解決辦法1：去/web文件夾里，把里面的文件全部清空。重新安裝。

解決辦法2：看圖操作

====

將index.php移動(dòng)到前面

=============================================================

如果你有問(wèn)題，請(qǐng)私聊我，我將幫你完成搭建！

多人在打開(kāi)支付寶、淘寶、美團(tuán)、、小紅書(shū)等軟件APP的時(shí)候，都會(huì)發(fā)現(xiàn)首頁(yè)變成了黑白色吧

朋友圈里都是大家的紀(jì)念、歌頌、緬懷；像父母那代人更是感情真誠(chéng)熱烈，對(duì)于他們來(lái)說(shuō)，江老的離開(kāi)也像是一個(gè)時(shí)代的結(jié)束......

騰訊主頁(yè)如何做的？

相信今天大家都發(fā)現(xiàn)了，大部分網(wǎng)站的頁(yè)面都已經(jīng)變成了黑白色來(lái)悼念逝去的人們，那么站在前端開(kāi)發(fā)者的角度，這個(gè)效果是怎么做出來(lái)的呢？頁(yè)面中有那么多的文字和圖片，難道要一個(gè)個(gè)改顏色嗎？讓我們一起來(lái)看看國(guó)內(nèi)領(lǐng)先的騰訊公司是怎么做的。

首先我們打開(kāi)騰訊網(wǎng)的首頁(yè)，按F12進(jìn)入瀏覽器控制臺(tái)，強(qiáng)哥猜測(cè)應(yīng)該是改的整體的樣式，估計(jì)是在body標(biāo)簽上直接加的樣式。

果然，我們可以看到在首頁(yè)的body標(biāo)簽上有一個(gè)名為garyBody的class（這里我們猜測(cè)可能是開(kāi)發(fā)小哥哥手誤把gray灰色的英文敲成了gary），然后這個(gè)類(lèi)名的css是下面這樣的：

原來(lái)道理十分簡(jiǎn)單，騰訊是使用了CSS3中的filter濾鏡，并把它設(shè)置為grayscale來(lái)實(shí)現(xiàn)這個(gè)功能，只要把grayscale設(shè)置為100%就可以把文字和圖片在內(nèi)的所有元素都變成黑白色（100%灰度）了，當(dāng)然在實(shí)際工作中，這個(gè)百分比都是可以根據(jù)需求來(lái)自行更改的。另外考慮到瀏覽器兼容性的問(wèn)題，我們還需要給filter加上瀏覽器前綴比如-webkit,-moz等等以適應(yīng)不同的瀏覽器，我們可以看到騰訊的代碼中已考慮到了當(dāng)前主流的瀏覽器。

當(dāng)我們把這個(gè)名為garyBody的class去掉之后，我們就可以發(fā)現(xiàn)騰訊網(wǎng)又恢復(fù)成往日的彩色了。隨后我們又去了淘寶、百度等幾個(gè)主流網(wǎng)站看了一下，發(fā)現(xiàn)也都是用的幾乎一樣的方法。

當(dāng)然了，filter這個(gè)屬性的功能可遠(yuǎn)遠(yuǎn)不止這一點(diǎn)，除了grayscale，我們還可以把filter設(shè)置成blur(px),這是給頭像設(shè)置高斯模糊，設(shè)置的px越大就會(huì)越模糊，我們來(lái)看看設(shè)置成3px時(shí)的效果：

是不是有點(diǎn)意思呢？除了blur模糊度之外，我們還可以設(shè)置亮度brightness(%),默認(rèn)是100%，我們看看只有40%時(shí)候的效果：

當(dāng)然了，filter的功能還遠(yuǎn)遠(yuǎn)不止這些，比較常用的還有contrast(%)對(duì)比度，drop-shadow陰影等等，更多的使用方式大家可以自行查閱相關(guān)的文檔，這里強(qiáng)哥只是拋磚引玉而已。怎么樣，今天是不是又學(xué)到了一招呢？

最后讓我們?cè)僖淮沃戮茨切槿祟?lèi)獻(xiàn)身的英雄們，愿逝者安息，愿生者奮發(fā)，愿祖國(guó)昌盛！

第一種：修改 CSS 文件

我們可以在網(wǎng)頁(yè)的 CSS 文件中添加以下的 CSS 代碼，來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)黑白色，也就是網(wǎng)站變灰

CSS 代碼

html {


filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);


-webkit-filter: grayscale(100%);}

第二種：在網(wǎng)頁(yè)的標(biāo)簽內(nèi)加入以下代碼

如果你不想改動(dòng) CSS 文件，你可以通過(guò)在網(wǎng)頁(yè)頭部中的標(biāo)簽內(nèi)部加入內(nèi)聯(lián) CSS 代碼的形式實(shí)現(xiàn)網(wǎng)站網(wǎng)頁(yè)變灰

代碼

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}

html{ 
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);
}

有一些站長(zhǎng)的網(wǎng)站可能使用這個(gè) css 不能生效，是因?yàn)榫W(wǎng)站沒(méi)有使用最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)協(xié)議

請(qǐng)將網(wǎng)頁(yè)最頭部的替換為以上代碼。

第三種：修改標(biāo)簽加入內(nèi)聯(lián)樣式

如里上面的兩種方式都不喜歡，可以通過(guò)修改標(biāo)簽，以加入內(nèi)聯(lián)樣式的方法，達(dá)到網(wǎng)頁(yè)變灰的效果

代碼

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);


-webkit-filter: grayscale(100%);">

第四種：本人用的 CSS 代碼

代碼：

body *{-webkit-filter: grayscale(100%); /* webkit */-moz-filter: grayscale(100%); /*firefox*/-ms-filter: grayscale(100%); /*ie9*/-o-filter: grayscale(100%); /*opera*/filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray; /*ie9- */}

PS：以上幾種方法，都是通過(guò) CSS 的濾鏡來(lái)控制頁(yè)面的顯示而已，唯一不同的就 CSS 代碼調(diào)用的方式。各位，喜歡哪種就自己挖去吧！

附：實(shí)現(xiàn)后的效果如下圖所示

- END -

玩機(jī)技巧] 剛升級(jí)了3.0，電量變得不耐用？來(lái)看看花粉朋友怎么操作

近期#榮耀20#、榮耀20 PRO、#榮耀V20#、#榮耀Magic2#四款機(jī)型已啟動(dòng)Magic UI 3.0正式版的不限量升級(jí)，部分同學(xué)反饋升級(jí)后更流暢了，但是電量卻變得不耐用。其實(shí)，手機(jī)剛剛升級(jí)完成后，會(huì)有一系列優(yōu)化動(dòng)作在后臺(tái)運(yùn)行，會(huì)增加一些耗電，如:升級(jí)后，部分應(yīng)用需要重新適配和后臺(tái)優(yōu)化,圖庫(kù)會(huì)重新進(jìn)行智能整理，手機(jī)文件會(huì)重新安全掃描，避免安全隱患等。以上操作需要手機(jī)在閑置的時(shí)候在后臺(tái)完成，一般充滿(mǎn)電后靜置手機(jī)5小時(shí)或正常使用手機(jī)三天后可以完成（如果頻繁使用手機(jī)，時(shí)間會(huì)更長(zhǎng)），完成后手機(jī)會(huì)自動(dòng)恢復(fù)正常續(xù)航能力。但是隔了很長(zhǎng)時(shí)間，手機(jī)依然耗電嚴(yán)重，這里有一位花粉朋友分享的省電技巧，大家可以跟著來(lái)設(shè)置一下。

眾所周知：這個(gè)調(diào)整續(xù)航的方法相信大家都知道也很常用，那就是省電模式。操作方法：設(shè)置—電池—省電模式

進(jìn)階方法：

這個(gè)方法知道的花粉就要少一些了，在華為手機(jī)設(shè)置中，有個(gè)隱藏的省電功能：電池優(yōu)化，相信很多朋友都沒(méi)聽(tīng)過(guò)這個(gè)功能，但開(kāi)啟后會(huì)優(yōu)化電池，提升續(xù)航時(shí)間還是可以的。

操作方法：

設(shè)置—應(yīng)用—權(quán)限管理—特殊訪問(wèn)權(quán)限—電池優(yōu)化—將不允許改為允許即可。

PS：該方法有個(gè)需要注意的情況，就是微信、QQ不能改允許，否則重要消息接收可能不及時(shí)。

高階方法：

手機(jī)電池最大的天敵就是屏幕和異常開(kāi)啟的后臺(tái)應(yīng)用了。但屏幕顯示不能關(guān)閉，所以我們只有從不聽(tīng)話的后臺(tái)應(yīng)用下手了。

操作方法:

設(shè)置—系統(tǒng)和更新—開(kāi)發(fā)人員選項(xiàng)—后臺(tái)進(jìn)程設(shè)置—不得超過(guò)4個(gè)進(jìn)程。

溫馨提示：開(kāi)啟后臺(tái)進(jìn)程設(shè)置后，需要進(jìn)入多任務(wù)界面，將微信、qq鎖定在后臺(tái)，這樣因?yàn)槭謾C(jī)殺后臺(tái)而錯(cuò)失重要信息了。

開(kāi)發(fā)人員選項(xiàng)需要激活才會(huì)出現(xiàn)：設(shè)置—關(guān)于手機(jī)—點(diǎn)擊七次版本號(hào)—然后回到系統(tǒng)和更新界面就會(huì)出現(xiàn)開(kāi)發(fā)人員選項(xiàng)。

以上就是這位花粉朋友獲取到并實(shí)測(cè)的省電小技巧，希望大家用得到。如果你們有什么更好的設(shè)計(jì)，歡迎一起交流討論！

注：文章來(lái)源于花粉俱樂(lè)部：https://cn.club.vmall.com/thread-21872229-1-1.html

更多精彩，敬請(qǐng)關(guān)注頭條@榮耀手機(jī)來(lái)了和花粉俱樂(lè)部，了解最新產(chǎn)品資訊及信息！

在線咨詢(xún)

上一篇：知識(shí)圖譜概論（一）
下一篇：如何購(gòu)買(mǎi)特價(jià)機(jī)票、一折甚至免費(fèi)機(jī)票太有用了

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷(xiāo)服務(wù)商

零基礎(chǔ)搭建屬于自己的視頻網(wǎng)站！

您的項(xiàng)目需求