底部有彩蛋,不要錯過(????)?"""
#前言
前不久是情人節,一些小伙伴向我請求網頁表白的教程,但因為比較忙,所以教程一直遲遲沒有出來,趁著今天的閑暇時光,我把教程寫出來。
雖然,一些網站已經提供了傻瓜式表白網頁制作如我要表白網,但是這樣的話雖然也能達到目的,但是域名畢竟不是自己的,不是很滿意,所以接下來的教程是基于自己的域名實現的,域名注冊的教程請查看如何在阿里云申請域名網站制作,另外有了只有域名當然是不行的,還需要擁有自己的服務器,但是國內的服務器如阿里云綁定域名后還需要備案才能使用,很麻煩,下面我們利用 pages來實現網頁表白,因為的服務器在國外,所以小伙伴們不用擔心備案的問題,域名注冊完成后直接解析到151.101.100.133即可。
#快速開始
首先部署自己的 Pages,請查看如何在 Pages搭建自己寫的頁面?搭建好自己的 pages頁面后,推薦大家使用 ,因為對于一些小白童鞋來說Git Bash上手還是有些難度,所以這里使用.
###表白網頁制作
大家可以先看一下最終的效果
很漂亮有木有,非常感謝那位不知名大神的制作。下載該網頁的源碼一共為大家收集了12款表白網頁源碼,其中圖中對應于表白網頁款式二,下載到電腦上以后用 Code打開,可以看到
修改時間找到如圖代碼,修改即可
如需更換網頁背景樂,將所需要的音樂復制到文件夾下并重命名為renxi.mp3即可(音樂文件大小越小越好,不然打開網頁可能不能很快聽到音樂,加載緩慢)
###使用自己的域名
打開 軟件,
點擊Clone ,選擇你剛才創建的****..io倉庫,再選擇一個本地路徑,Clone完畢后,把表白網頁的文件夾復制到該倉庫中,填寫左下角的隨便填寫即可,點擊 to 繼續點擊Fetch ,這時當你打開自己的****..io/文件夾名稱(英文格式)
你會發現網頁訪問成功。
最后,我們在****..io倉庫下創建一個CNAME文件
填寫上自己的域名,在用自己的域名訪問如whd.fun/love我的域名是whd.fun,表白網頁在love文件夾下,這樣就成功了。(最后不要忘了將自己的域名解析到151.101.100.133)不然是無法成功的,域名解析在阿里云的控制臺下設置。
我是彩蛋ヾ(?)?,一共12個表白網頁源碼提供給大家,下載地址
#小結
我在博客中的每篇文章都是我一字一句敲出來的,轉載的文章我也注明了出處網站制作,表示對原作者的尊重。同時也希望大家都能尊重我的付出。
最后,也希望大家關注我的個人博客 HD Blog
謝謝~
*請認真填寫需求信息,我們會在24小時內與您取得聯系。