創(chuàng)意版權(quán):容大教育
編輯:瀟灑坤
效果圖如下蜈漓,有動畫效果:
1. 下載python2.7跛璧,已經(jīng)安裝python則跳過此步
鏈接: https://pan.baidu.com/s/1zfuhR8w3DlxsleU6phglBw 密碼: ugbx
python2很小烧给,只有20M兄渺。下載后進(jìn)行安裝趋厉,安裝步驟如下:
1(1).如果打不開msi文件寨闹,請自行網(wǎng)上搜索解決方法。
1(2).雙擊安裝文件后君账,進(jìn)入下圖界面繁堡,點擊next
1(3).如下圖所以,直接把安裝路徑設(shè)置成D:\python27,然后點擊next乡数。
1(4).修改下圖
改為下圖,點擊next
1(5). 進(jìn)入安裝
1(6)點擊FInish完成安裝椭蹄,之后會提示重啟,點擊NO不重啟净赴。
2. 下載網(wǎng)站模板
下載鏈接: https://pan.baidu.com/s/1QZsyWoltOVUIbjoH1n4JNw 密碼: fcht
下載完成后解壓绳矩,進(jìn)入解壓后的文件,如下圖玖翅。
3. 在當(dāng)前文件夾目錄下打開cmd
方法如下圖所示,輸入cmd翼馆,然后按Enter,則基于當(dāng)前文件夾打開cmd
4. 在cmd輸入命令
命令:D:\Python27\python web.py
作用是用前面安裝的python運(yùn)行web.py這個文件割以。
在之后的操作中,這個cmd框不能夠關(guān)閉写妥。
5. 從瀏覽器查看效果
在你電腦中選擇任意瀏覽器拳球,打開網(wǎng)址http://localhost/,則可以看到如下圖所示效果。
此時你已經(jīng)將網(wǎng)頁發(fā)布到電腦的80端口珍特,但是外網(wǎng)不可以訪問祝峻。
6. 讓你的網(wǎng)頁外網(wǎng)可以訪問
首先還是重復(fù)步驟第3步,基于網(wǎng)頁項目的文件夾打開cmd扎筒。
輸入命令:ngrok.exe http 80莱找,如下圖所示,按Enter鍵運(yùn)行嗜桌。
ngrok軟件運(yùn)行的效果圖
如上圖所示奥溺,我可以在外網(wǎng)訪問的地址是http://70137e51.ngrok.io,因為這個是即時生成的,所以每次網(wǎng)站發(fā)布以后外網(wǎng)可以訪問的鏈接都不同骨宠。
7. 外網(wǎng)訪問
用瀏覽器訪問這個網(wǎng)址浮定,效果如下圖所示。
8. 編輯網(wǎng)頁內(nèi)容
根據(jù)自己的實際情況修改網(wǎng)頁內(nèi)容层亿。打開"index.html"文件進(jìn)行編輯桦卒。
8(1).修改戀愛開始日期,今日日期匿又,兩人的姓氏方灾,總共四處,如下圖所示
8(2).修改寄語碌更,姓名
8(3).修改動態(tài)計時數(shù)據(jù)
關(guān)鍵是日期裕偿,比如2016年2月14日在一起,則修改為together.setFullYear(2016,1,14)
js的month從0開始痛单,1-12月分別對應(yīng)0-11嘿棘。
setHours,setMinutes,setSeconds,setMilliseconds,分別是在一起那一刻的時旭绒、分蔫巩、秒、毫秒快压。
修改index.html文件完成后保存,此時再訪問外網(wǎng)鏈接則可以得到更改后的網(wǎng)頁垃瞧。