CSS3 隨機背景圖片淡入淡出切換特效 演示效果如本篇文章背景所示 看大家扒我的幻想領域二次元限定版扒得比較累，扒了大半個小時的，抽空整理一下發出來 設計之初本來是打算使用 jQuery 進行實現的，但是注意到了 CSS3 的 @keyframes 規則，CSS3 已經強大到曾經只有 JS 才能實現的效果 定義和用法 透過 @keyframes 規則，您能夠建立動畫。 建立動畫的原理是，將一套 CSS 樣式逐漸變化為另一套樣式。 在動畫過程中，您能夠多次改變這套 CSS 樣式。 以百分比來規定改變發生的時間，或者透過關鍵詞 “from” 和 “to”，等價於 0% 和 100%。 0% 是動畫的開始時間，100% 是動畫的結束時間。 為了獲得最佳的瀏覽器支援，您應該始終定義 0% 和 100% 選擇器。 註釋：請使用動畫屬性來控制動畫的外觀，同時將動畫與選擇器綁定。 核心 CSS 部分 (記得切換圖片地址) body { background: #000; background-attachment: fixed; word-wrap: break-word; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat } ul { list-style: none } .cb-slideshow li:nth-child(1) span { background-image: url(https://random.52ecy.cn/randbg.php?v=1520341099) } .cb-slideshow li:nth-child(2) span { background-image: url(https://random.52ecy.cn/randbg.php?v=1520341159) } .cb-slideshow li:nth-child(3) span { background-image: url(https://random.52ecy.cn/randbg.php?v=1520341149) } .cb-slideshow li:nth-child(4) span { background-image: url(https://random.52ecy.cn/randbg.php?v=1520341139) } .cb-slideshow li:nth-child(5) span { background-image: url(https://random.52ecy.cn/randbg.php?v=1520341129) } .cb-slideshow li:nth-child(6) span { background-image: url(https://random.52ecy.cn/randbg.php?v=1520341119) } .cb-slideshow,.cb-slideshow:after { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -2 } .cb-slideshow:after { content: '' } .cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: -2; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s } .cb-slideshow li:nth-child(2) span { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s } .cb-slideshow li:nth-child(3) span { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s } .cb-slideshow li:nth-child(4) span { -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s } .cb-slideshow li:nth-child(5) span { -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s } .cb-slideshow li:nth-child(6) span { -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s } @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in } 8% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out } 17% { opacity: 1; -webkit-transform: scale(1.1) rotate(0) } 25% { opacity: 0; -webkit-transform: scale(1.1) rotate(0) } 100% { opacity: 0 } } 當然還是需要配合 HTML 程式碼的 HTML 部分 (其中的文字部分和 <li> 的數量是可以隨意更改的) ...

萌音自動發卡平台（以下簡稱「萌音發卡」），用於為個人用戶提供虛擬商品線上購買以及全自動發貨服務。 開發它的目的其實自己是沒什麼用，並且市面上有不少類似的產品，但是有朋友要，所以它就誕生了。 以盡可能簡單的原則實現了最基本的功能，所以介面非常的簡約，後期擴展也是非常方便。 演示網站 （伺服器位於美國奧勒岡，速度有點慢，僅供演示使用） 資金即時到帳 無需擔心第三方跑路，資金直接到帳，不經過第三方。快速回籠資金，超越競爭對手 多用戶無限制 不綁定任何帳號、域名、CPU，完全自由使用，隨意更換。 多種支付方式 微信支付、支付寶支付、QQ錢包支付、財付通支付。同時支援電腦手機 非同步通知 採用同步+非同步通知，無需再擔心付款完後頁面被關閉導致訂單失效 如何獲得萌音發卡的原始碼？ 目前僅提供以下幾種方式： 博主的熟人、朋友或者在專案上有貢獻的（不僅限於萌音發卡） 優秀的幻想領域圖床用戶 贊助專案58元以上即可獲得。 有什麼問題可以點擊演示網站右上角的「聯繫客服」與我深入探討一下。常見問題 1、萌音發卡是做什麼的，有什麼用？ 萌音發卡提供專業的虛擬卡密自動發貨服務。 2、怎麼入駐萌音發卡平台，成為商戶？ 贊助專案58元以上即可獲得。 3、怎麼查詢訂單/卡密？ 透過平台的訂單查詢功能，輸入您下單時填寫的聯繫方式或者訂單號查詢。點我查詢 4、平台可以賣些什麼？ 遊戲虛擬貨幣、道具、會員卡、軟體使用權等 5、你們平台目前有多少種收款方式？ 目前支付寶、微信、QQ錢包三種。 6、萌音發卡商戶的費率怎麼計算？ 全免，無任何費率。 7、買家如何獲取卡密資訊？ 透過商品購買頁面選擇自己要購買的商品，選擇支付通道付款後會自動跳轉到發貨頁面，如果沒有收到對應的卡密，保存好自己的訂單號，打開卡密查詢地址： 點我進入 輸入您剛剛下單時填寫的訂單聯繫方式或訂單號查詢 8、申請提現最低金額是多少？申請後多少時間可以到帳？ 萌音發卡的金額是即時到帳，無需經過第三方。

學習環境：Centos 7.2 正式版_64位 # 更新來源 yum update 安裝 Nginx yum install nginx -y 安裝 MySQL wget https://repo.mysql.com//mysql57-community-release-el7-11.noarch.rpm yum localinstall mysql57-community-release-el7-11.noarch.rpm 安裝 PHP 7.2 rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm yum update yum install -y php72w-cli php72w-common php72w-dba php72w-devel php72w-fpm php72w-gd php72w-imap php72w-mbstring php72w-mysql php72w-pdo php72w-pdo_dblib php72w-pear php72w-pecl-igbinary php72w-pecl-xdebug php72w-process php72w-xml php72w-xmlrpc php72w-opcache php72w-pecl-memcached php72w-pecl-mongodb php72w-pecl-redis 啟動服務 service nginx start service mysql start service php-fmp start /usr/sbin/php-fpm –nodaemonize –fpm-config /etc/php-fpm.conf > /dev/null 2>&1 & ...

據不完全統計，輕量級新浪圖床系統-幻想領域，自1.0版本發佈起(2018-03-08)，至今(2018-04-30)累計安裝超過2000+次，並且每天還以數十個的數量急劇增加，其中，盜版用戶不超過5%（你們都是恥辱），期間被大大小小的網站、部落格、論壇、軟體園等轉載發佈超過百次，包括傳播盜版的，甚至被放到某某平台出售。 幻想領域 非商業版本(永久免費，無商業版) 遵守 GPL 授權條款及附屬條款進行發佈。 如果你使用並且修改了我的GPL軟體，那麼你的軟體也必須要開源，否則就不能使用我的軟體。 所有基於幻想領域的修改版或者二次開發都必須開源，如不遵守相關條款，請停止使用並且刪除一切和幻想領域相關的東西。違反一次 GPL 協議，可能沒有什麼直接後果，然而這意味著你們從此走上了一個不同的方向，一個危險的方向。希望你們能夠明白，願你們好自為之。—-致那些盜版並且傳播盜版的人 截至1.2.3版本，其功能已較為完善，且無BUG，作為一款輕量級的圖床已經足夠了，本身該系統誕生的初衷僅僅只是為了自己方便使用而已。現決定，停止幻想領域對外的更新服務，僅對交流群中優秀的使用幻想領域搭建的圖床系統的網站更新，其中相關的插件介面文件可以在群中私聊我索取。 最後，感謝大家一路以來的支持和關注！謝謝那些曾在群中為我維權的人！ 題外話，這篇文章在幾天前就已經寫好了，一直在考慮到底要不要發佈，出於各種的原因，還是比較糾結的，想想反正都寫了還是發佈出去好了。最主要還是沒有太多的精力去維護，然後又開始了個新專案……..待續 5月5日補充部分 今天有朋友給我發了張圖回饋個事，大概的意思是說我幻想領域圖床抄襲Chevereto圖床（國外著名的圖床系統，國內多少人用這破解版不知道）主要針對以下兩個問題做個解答 那玩意？那玩意你也寫個出來看看？幻想領域圖床最核心的功能是將圖片上傳到新浪雲儲存之上，且並不提供本地上傳服務，Chevereto的圖床有這個功能？100%抄？了都沒有了解過，為何能這樣肆無忌憚地噴？ 所謂的幻想圖床？介面參考哪個程式？幻想領域圖床的首頁介面是由 bootcss V3 所提供的介面模板。何來參考一說？ https://v3.bootcss.com/examples/cover/ 麻煩先了解一下，不要亂污衊別人我不想引戰，麻煩看到不要說話 **6月24號補充 **今天又有群友@我，給我發了個圖。看圖說話 同為敲程式碼的，你這樣做良心不會痛嗎？所以你只是個盜版狗。傳播盜版的比使用盜版的更可惡。可想而知，你的人和你的人品如同你的行為一樣骯髒令人唾棄

emlog 後台撰寫文章新浪上傳圖片外掛 第一次撰寫 emlog 外掛，參考了七牛圖床的寫法（對，就是後台那個），推薦兩個一起使用 外掛下載後直接上傳到 emlog 後台即可，無需解壓縮 （這話誰說的，站出來，保證不打死你） 具體使用方法在外掛設定介面有寫，下載地址在文章底部 哪位好心人有 emlog 的開發者帳號，可以幫我提交到 emlog 應用中心裡 注意： GitHub 打包下載的 zip 壓縮包檔名會被加上-master，包括裡面壓縮的子資料夾，需要重新命名為SinaUpload才能上傳，否則 emlog 會報錯 此外掛僅限 emlog 部落格系統使用，其他部落格系統無法使用 以下是公開介面，可自行編寫其他系統外掛 介面地址： https://img.52ecy.cn/home/Interface 請求參數說明： 名稱 說明 username 幻想領域帳號 password 幻想領域密碼 multipart(可選) false/true，使用本地上傳還是遠端上傳，預設本地上傳(true) url(可選) 需要轉存的圖片地址，當 multipart 為 false 時，url 必須傳遞 返回標準json資料 { “code”:“0000”, #狀態碼 “msg”:“http://www.52ecy.cn/randbg.png" #圖片地址 } 成功返回 000 狀態碼和圖片地址，失敗返回狀態碼和原因 .down_link{background:url(‘https://www.52ecy.cn/content/uploadfile/201707/md-bg.jpeg') no-repeat 100% 0% #fffdff; border: 1px solid #faf8fb; border-radius: 2px; color: #666; font-size: 14px; margin-bottom: 10px; padding: 5px 20px;}.downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downlink a{text-decoration:none;} .downlink a{text-decoration:none;font-size:15px;} .downlink a:link{color: #ffffff;} .downlink a:visited{color: #ffffff;} .downlink a:hover{color: #ffffff;} .downlink a:active{color: #ffffff;} .downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} ...

幻想領域1.2 它的誕生，並不是最終的解決方案，開發它的目的僅僅只是為了方便自己使用. 項目主頁 項目地址 幻想領域V1.0 ☜(詳細介紹戳介裡) 下載 最新正式版 立即下載 安裝 你需要將幻想領域的原始碼解壓縮並上傳至網站根目錄，訪問網站域名會自動跳轉到安裝程式，根據嚮導提示安裝即可。如果未跳轉，請手動訪問http://您的域名/install.php 進行安裝 首次安裝成功後需要登入管理員後台對圖床進行一些基本配置，才能使用 後台地址：http://您的域名/admin 但是諷刺的是，您需要在前台進行登入 環境支持 請注意，幻想領域自1.0版本起只支持PHP版本≥5.6，請注意更新您的PHP版本。 幻想領域自1.2版本起將採用覆蓋安裝，即保留歷史數據，如需刪除，還請手動清空 更新說明 完善探索界面(最近、隨機) 增加圖片主頁 一鍵生成HTML、BBcode、Markdown等代碼 加入自動更新系統(雖然不一定能用到了) 上傳更加友好的進度顯示(雖然他並不準確) 修改各種更加合理的默認配置 修復系統高危漏洞(當前版本務必更新) 增加註冊相關限制 更好的兼容性，多平台運行，支持PHP7.0+ 修復已知的Bug

本文不闡述任何概念性知識，僅僅只是做一個筆記，簡單的使用步驟，如遇障礙，請Google一下 使用SSH 完成 Git 與 GitHub 的綁定 生成 SSH key ssh-keygen -t rsa 指定 RSA 演算法生成金鑰，之後就會生成兩個檔案，分別為id_rsa和id_rsa.pub，即私鑰id_rsa和公鑰id_rsa.pub。對於這兩個檔案 添加 SSH key github.com -> Settings -> SSH and GPG -> New SSH key 將公鑰id_rsa.pub的內容貼到Key處的位置（Titles的內容不填寫也沒關係），然後點擊Add SSH key 即可。 驗證綁定是否成功 ssh -T git@github.com 把本地專案推送到github的命令 (1) 打開你的目錄 cd demo (2) 初始化版本庫，用於生成git檔案 git init (3) 將所有檔案添加到暫存區 git add * (4) 提交目前工作空間的修改內容 git commit -m "first commit" (5) 將儲存庫連接到遠端伺服器 git remote add origin <server>(就是上面你儲存庫的地址) (6) 將改動推送到所添加的伺服器上 git push -u origin master 在推送的時候如果出現如下錯誤： warning: redirecting to https://github.com/178146582/dabai.git/ To http://github.com/178146582/dabai.git ! [rejected] master -> master (fetch first) error: failed to push some refs to 'http://github.com/178146582/dabai.git' hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing hint: to the same ref. You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again. hint: See the 'Note about fast-forwards' in 'git push --help' for details. 查了一下錯誤的原因是github中的README.md檔案不在本地程式碼目錄中。所以我們把上面第六步分成兩步： ...

前端的任何東西都是紙老虎，你真想要扒，沒有拿不走的 對，我這主題就是扒來的，簡約部落格新主題Sina上線 - 魔改新浪 我也在文章中提到了 所謂的原作者(也是改別人的)，我並不是直接扒他站的，扒的是一個盜我文章不註明還好意思來問我的** 由於考慮到他這個是收費主題，所以才並沒有開源，本來這事就過去了，可人家倒好說怕我給洩露了，還玩嘲諷，就一介面，還能咋了，Ctrl+S就保存下來的東西還怕別人洩露？ 想必到這裡，為什麼所謂的作者會知道還到我部落格來了，聰明人都知道，小人嘛 再說說那個**，把我文章搬過去不註明還好意思來問我要程式碼，當然這篇文章他已經刪了。 還問我扒他的收費主題真的好嗎？ 那你扒我文章的時候怎麼不問問自己這樣好嗎？ 後面又發了篇更噁心人的文章，由於他網站已經掛了，沒法截圖。 大致內容如下： 說看見很多人都開源了某某東西，但我不想像他們那樣，要發點乾貨。然後就把我的程式碼說成他自己的發佈出來，你要真有技術就自己寫，把我改完的js一壓縮就成你的了，牛逼 我憑啥說是我的，在他壓縮的js中有一行 var tao = Math.floor(Math.random()*44); 的程式碼，變數名是我在逛淘寶時瞎jb寫的，這是一個取隨機數，為什麼連後面的44都和我一模一樣呢，因為他連我圖片都給採集去了。 這種人最噁心了，沒有技術還非要裝。 本來盜文章這事在中國就很普遍，不說什麼，你要直接原封不動的搬去我也不多說，但你把我改過的東西拿去說自己的，還要臉嗎 這段時間部落格來了好多的小夥伴，我也看到不少搬我文章隻字不提的。 就說這麼多了，不想污染了部落格這塊純潔的地方 預覽地址 開源給大家造個輪子，自己對接到各種網站上去（非100%相似度，有些功能是我自個加上去的） 點我下載

由於許多人在安裝使用過程中遇到問題，因此還是得總結一下，如果還不能解決可以加群向萬能的群友提問 驗證碼不顯示 檢查伺服器是否支援 GD 圖形處理庫 檢查伺服器 WEB 環境 Apache：如果你的程式安裝在二級目錄下，修改程式根目錄下的 .htaccess 檔案 <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f Rewritebase /你的二級目錄名/index.php RewriteRule ^(.*)$ /你的二級目錄名/index.php?/$1 [L] </IfModule> Nginx：找到設定檔 nginx-conf，在 location / 段中修改加入以下內容 try_files $uri $uri/ /index.php?$query_string; 或者是這個 if (!-d $request_filename){ set $rule_0 1$rule_0; } if (!-f $request_filename){ set $rule_0 2$rule_0; } if ($rule_0 = "21"){ rewrite ^/(.*)$ /index.php?/$1 last; } IIS 偽靜態同 Apache 一樣 寶塔面板使用現成的 thinkPHP 偽靜態 郵件傳送失敗 先確定你的 25 埠是否被封禁，如果封掉，嘗試讓主機商啟用 (如果不啟用就換伺服器) 關掉註冊驗證或者等下個版本更新（註：改埠是沒有用的，465 埠需要 ssl 支援） 資料介面異常 偽靜態重定向失敗，請參考上方的再做設定 ...

幻想領域 哇塞，終於有一款屬於自己的圖床了. 幻想領域是使用 PHP 語言開發的一款輕量級的新浪圖床系統. 它的誕生，並不是最終的解決方案，開發它的目的是為了方便自己使用. 專案主頁 專案地址 系統介紹 在 幻想領域中, 圖床圖片全部託管在 新浪雲, 每張圖片都有多張不同級別的縮略圖.這便是幻想領域的最大特色之一. 擁有較為完善的使用者系統與管理員系統。管理員在後台擁有完全權限，對網站的一切基本配置 我的圖庫，將會羅列出使用者自己所上傳的所有圖片，管理員則顯示系統託管的所有圖片.你可以在這裡對圖片進行刪除、預覽或者複製它，但刪除僅僅只是不再出現在本系統中，圖片仍然是存在於新浪之上，這點你是要知道的. 探索，它是前台對使用者圖片預覽的功能，在這裡你可以發現和找到你需要的东西.如果你不需要它，可以在後台進行關閉設置. 上傳新浪圖床並非無要求，它需要你進行登入驗證，但我們擁有一套獨立的新浪登入程式，不依賴任何擴展，並且無驗證碼，cookie 過期將自動為你進行登入，為你解決一切後顧之憂，所以你必須在後台設置你的新浪帳號密碼才能正常使用. 下載 最新正式版 立即下載 安裝 你需要將幻想領域的原始碼解壓縮並上傳至網站根目錄，訪問網站網域會自動跳轉到安裝程式，根據嚮導提示安裝即可。如果未跳轉，請手動訪問http://您的域名/install.php 進行安裝 首次安裝成功後需要登入管理員後台對圖床進行一些基本配置，才能使用 後台地址：http://您的域名/admin 但是諷刺的是，您需要在前台進行登入 環境支援 請注意，幻想領域自1.0版本起只支援PHP版本≥5.6，請注意更新您的PHP版本。 更新預告 前台獨立的圖片預覽介面 一鍵生成HTML，bbs 等程式碼 最熱、搜尋、隨機、分類等功能 整合短網址系統 ………等等 它們都將在未來的版本中被支援 如果你有更好的建議或者意見，以及 BUG 的回饋，都可以在這裡給我留言或者發送郵件到 admin@52ecy.cn。 許可證 FAQ 幻想領域 非商業版本 遵守 GPL 許可證及附屬條款進行發布，歸結為以下幾點： 必須遵守： 將 GPL V3 許可證包含在你所修改並開源的版本中。 賦予你的權力： 自由下載使用幻想領域 將幻想領域包含在新的開源專案中 更改原始碼 傳播幻想領域原版 禁止以下行為： 以商業目的使用幻想領域 去除、篡改程式版權資訊 商業目的專賣、銷售原版或二次修改版本 介面預覽