程序員表白程序所禀,開放源碼,不斷更新(第四篇:第三波)

演示地址:?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)上教程一大把的愤诱。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末云头,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子淫半,更是在濱河造成了極大的恐慌溃槐,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撮慨,死亡現(xiàn)場離奇詭異竿痰,居然都是意外死亡脆粥,警方通過查閱死者的電腦和手機砌溺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進店門影涉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人规伐,你說我怎么就攤上這事蟹倾。” “怎么了猖闪?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵鲜棠,是天一觀的道長。 經(jīng)常有香客問我培慌,道長豁陆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任吵护,我火速辦了婚禮盒音,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘馅而。我一直安慰自己祥诽,他們只是感情好,可當我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布瓮恭。 她就那樣靜靜地躺著雄坪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪屯蹦。 梳的紋絲不亂的頭發(fā)上维哈,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天,我揣著相機與錄音登澜,去河邊找鬼阔挠。 笑死,一個胖子當著我的面吹牛帖渠,可吹牛的內(nèi)容都是我干的谒亦。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼空郊,長吁一口氣:“原來是場噩夢啊……” “哼份招!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起狞甚,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤锁摔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后哼审,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谐腰,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡孕豹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了十气。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片励背。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖砸西,靈堂內(nèi)的尸體忽然破棺而出叶眉,到底是詐尸還是另有隱情,我是刑警寧澤芹枷,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布衅疙,位于F島的核電站,受9級特大地震影響鸳慈,放射性物質(zhì)發(fā)生泄漏饱溢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一走芋、第九天 我趴在偏房一處隱蔽的房頂上張望绩郎。 院中可真熱鬧,春花似錦绿聘、人聲如沸嗽上。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兽愤。三九已至,卻和暖如春挪圾,著一層夾襖步出監(jiān)牢的瞬間浅萧,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工哲思, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留洼畅,地道東北人。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓棚赔,卻偏偏與公主長得像帝簇,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子靠益,可洞房花燭夜當晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容