演示地址:?http://www.bigeone.cn/story/one/index.html
這是程序員表白系列中的第三波“我們的愛情故事”放钦,我一開始的想法是色徘,把愛情中經(jīng)歷的點點滴滴記錄下來,以后老了可以 慢慢回憶操禀,記錄我們的幸福時刻褂策。當我們吵架時,看到我們這一路經(jīng)歷的風風雨雨颓屑,也能心平氣和的感動自己斤寂。
感動,風雨同舟揪惦,幸福記錄遍搞。
愛情,到最后終究都是平平淡淡的幸福丹擎,一生長長久久的相伴尾抑, 沒有什么太多的驚天動地的大事件,走得最遠的蒂培,才是最幸福的再愈。
如果大家有想要做的網(wǎng)頁,看上的網(wǎng)頁护戳,想改成自己的翎冲,都可以來找我, 一般網(wǎng)頁應該問題不大媳荒,但我并非專業(yè)的前端程序員哦抗悍,只是也能稍微會點而已
如果需要最新的源碼或最新的教程驹饺,請掃碼關注公眾號wuxia2001,里面有最新整理的資源和教程缴渊,源碼修復了已知BUG并加了些功能赏壹,教程全部重新整理。
另外衔沼,第二波8個網(wǎng)站原LoveYue系列蝌借,如http://loveyue1.sinaapp.com/網(wǎng)址將于2020年元旦棄用,全部轉(zhuǎn)到http://loveyue1.biegeone.com/,請知悉指蚁。
這一波的網(wǎng)站模板菩佑,我還在收集整理制作中,這是第一個出來的網(wǎng)站凝化,暫時還沒來得及做代碼整理稍坯,因為有很多測試和新嘗試的代碼,所以代碼看 起來會有些凌亂搓劫,所以暫時沒有將源碼放出來瞧哟,等整理好了,容易讓大家修改了糟把,就會放上來绢涡。當然牲剃,如果有人覺得這個故事網(wǎng)站還不錯遣疯,想現(xiàn)在就用的話, 可以發(fā)郵件來凿傅,我會發(fā)源碼給你缠犀,雖然是未整理的,得自己看著源碼修改啦聪舒。
程序員表白第一波是一個安卓APP辨液,現(xiàn)在已經(jīng)停止維護了。那是我將近十年前的作品了箱残。 近期有時間滔迈,我可能會重新修改整理,當年的被辑,現(xiàn)在看起來有點花俏和非主流燎悍。
程序員表白第二波是網(wǎng)站表白,有8個表白網(wǎng)站盼理。我最近也還在做不用建站谈山, 直接在網(wǎng)頁上設置就可以用的設置頁面。
如果有任何問題宏怔,可以通過郵件聯(lián)系我奏路,wuxia2001@sina.com
順便求一波打賞畴椰,微信支付,金錢隨意鸽粉,贊賞是最大的動力服赎。。 Y(^_^)Y
程序員表白第一波安卓APP(已停止維護捂襟,近期將重新修改發(fā)布):https://blog.csdn.net/wuxia2001/article/details/18268005
程序員表白第二波的介紹:http://www.bigeone.cn/love/index.html
loveyue1 演示地址:http://loveyue1.bigeone.cn/
loveyue2 演示地址:http://loveyue2.bigeone.cn/
loveyue3 演示地址:http://loveyue3.bigeone.cn/
loveyue4 演示地址:http://loveyue4.bigeone.cn/
loveyue5 演示地址:http://loveyue5.bigeone.cn/
loveyue6 演示地址:http://loveyue6.bigeone.cn/
loveyue7 演示地址:http://loveyue7.bigeone.cn/
loveyue8 演示地址:http://loveyue8.bigeone.cn/
因為剛做出來坝冕,一來不知道效果如何,二來也還沒時間去整理威兜,代碼有些凌亂销斟,所以暫時沒有開放,如果 有需要椒舵,請發(fā)郵件到wuxia2001@sina.com
?
?
?
?
?
?
使用時的注意點
我雖然這里沒有放出源碼蚂踊,僅是因為沒有整理好,愿意看和自己改的人找我要我一定會給的笔宿, 這并非什么隱秘或重要的東西犁钟。當然同時這也是我花時間做的東西,有條件的還是可以贊賞一下的泼橘。
朋友們拿到源碼后涝动,直接用瀏覽器打開one.html,就得看到網(wǎng)站效果炬灭。 里面的大部分控件都有動畫效果醋粟,我建議就是動畫效果就別動了。改文字和圖片就行重归。
修改的話米愿,用文本工具修改,最簡單的用記事本打開鼻吮,但一般并不推薦記事本育苟, 功能太少,不方便椎木,推薦可以使用sublime违柏,我用的就是這個,也可以vim香椎,notepad之類漱竖。到于是不是 要用開發(fā)工具,比如eclipse士鸥,webStorm,Dreamweaver,vc++,IntelliJ之類的闲孤,這些工具都是可以的,但專業(yè) 性太高,你們用到的功能不到百分之一讼积,完會是沒必要的肥照,如果本就安裝了的,直接用這些工具打開也是可以的
用文本工具打開后勤众,從上往下講舆绎,第一行文字是:"陪伴是最長情的告白,無論生老病死们颜,我都愿陪你到天荒地老"吕朵, 如果要改這行文字,你在這個文件里全局搜索就行窥突,一般搜索都是ctrl+f努溃,搜索這行字,修改成你想的就行阻问。但凡是 改文字的梧税,都可以這樣改。比如后面的時間称近,也都這樣搜索到再改
中間的一男一女的圖片第队,可以不用改,如果是女表男的話刨秆,圖片要換一下凳谦,把boy.png換成boy_u.jpeg, 把girl.png換成girl_i.jpeg。這里衡未,如果有高清的圖像的話尸执,可以改成自己的圖片。這里的圖片都放在images目錄下
我的愛情歷程眠屎,基本上是必改的剔交,因為每個人的經(jīng)歷都是唯一的肆饶。在第72行 ul 開始的標簽里改衩,每個下屬的li都是一個歷程。 可以復制第一個li標簽(從<li>開頭到</li>結(jié)束為一個li標簽)驯镊,改里面的文字和圖片葫督。有多少個歷程,復制多少個li就行板惑。 但有區(qū)別的是橄镜,在雙數(shù) li 的class 里,多了個 timeline-inverted 冯乘,這是讓文本框出現(xiàn)在右邊洽胶。所以復制的時候,兩個li一起復制就行裆馒。 文字姊氓,圖片和時間都自行設定吧丐怯。圖片,這里可以統(tǒng)一改為自己的圖片翔横。但有的可能沒有圖片读跷,就可以像我一樣用卡通圖片補充一下。
我們的山盟海誓這一段主要寫一些感人肺腑的文字禾唁,有文采的自己寫一些出來吧效览。
我們的愛情見證,那就是照片墻荡短,放些好看的照片上去丐枉,從見面到現(xiàn)在保存的照片都放一點上去。記得PS美化一下掘托, 不懂PS的就用美圖弄弄矛洞,別傻不傻的用太素顏的。
我們的愛情見證烫映,那就是照片墻沼本,放些好看的照片上去,從見面到現(xiàn)在保存的照片都放一點上去锭沟。記得PS美化一下抽兆, 不懂PS的就用美圖弄弄,別傻不傻的用太素顏的族淮。
音樂的話辫红,自己記得把音樂文件剪輯壓縮一下,不要太大祝辣。替換MP3文件就行
建站
有了修改后的源碼贴妻,還需要建站才能在網(wǎng)上被心愛的人看到, 至于用新浪云如何建站蝙斜,請大家移步到這:http://www.bigeone.cn/love/index.html
新浪云的建站主要是免費名惩,用的次數(shù)不多,可以用新浪云孕荠。
但如果有意的朋友娩鹉,可以自己申請域名和服務器(或虛擬主機),有心的朋友稚伍,我這里有大體教一下用阿里云如何 建站弯予。當然我這里只是簡單講一下建站,只是靜態(tài)網(wǎng)頁个曙,不會有還有數(shù)據(jù)庫啊什么之類的锈嫩。
阿里云,先說一下價格。域名申請的話呼寸,一年的費用大約是.cn的一年29元那槽, .com的一年也才60元,每年要續(xù)等舔。
申請到域名后骚灸,要備案,阿里備案是免費的慌植,但要拍照甚牲,照片需要背景幕布,需要阿里云郵寄給你蝶柿,你再拍照上傳丈钙, 備案,這都是免費的交汤。
備案的話需要主機雏赦,最便宜的云服務器就行,阿里云路徑如下:阿里云主機云主機一般都比較貴芙扎,最便宜的一般300多一年星岗,但是,如果遇到優(yōu)惠戒洼,就很便宜俏橘,比如2018年雙11, 最便宜的主機圈浇,新用戶300元3年寥掐。搞活動的時候主機還是比較便宜的。
弄到云主機后磷蜀,就備案就行召耘,阿里有教程,但要等20多天褐隆。如何域名在阿里買污它,則備案和主機都在阿里買,省很多事妓灌。 后面這個地址是阿里的域名和備案的文檔
備案完后轨蛤,把域名解析到你的ip就行。如何就是主機建站。阿里是有教程的圃验。 在阿里上供常,還有鏡像建站這些,不需要購買,這些幫忙自動建站的都是要付費的香缺,真的不需要買,隨便搞搞就能成功的祸轮。
這里需要付費的地方慕趴,就只有買域名和買主機躏啰,其他比如備案,建站都不需要再付費。 主機如果是windows系統(tǒng),就裝IIS则北,就得電腦裝個IIS一樣掖举,裝軟件一樣很簡單的方篮。遠程桌面登錄上主機熄守,IIS建站晋南, 百度一下偶妖,教程很多的政溃,也很簡單的趾访,因為我們的網(wǎng)站只是靜態(tài)網(wǎng)頁,只要網(wǎng)站路徑指向這里就行董虱。 如果是centorOS系統(tǒng)的話扼鞋,就裝tomcat就行。網(wǎng)上教程一大把的愤诱。