網絡開發 on

又遇程序刷表、UFW如何屏蔽IP地址以及無喜又無嗔

Wed, 11 Sep 2019 01:26:15 +1300

今早起床看一下Google Analytics頁麵，發現Active User數量一下子增加了20多倍。心中一喜，馬上看各廣告平台收入，發現沒有顯著變化。知道又遇上跟上次俄羅斯兄弟暗戰的故事。用go access察敵，發現有幾個ip地址給我造成10多G的流量。反查一下ip地址，發現是來

學習的原則以及入微

Fri, 01 Mar 2019 00:26:15 +1300

持續多日的練眼，有了一定的進步，目前已經能看到字號8。字號8即使正常視力者也看得比較費力，現在隻要凝神一看，便能浮現出清晰的小字，並不是代表已經可以扔掉眼鏡了，因為這種狀態應是神識的作用，而非眼的物理結構發生變化。躺在床上看天花板的視力表，凝神看之，可以看到第五行，正常看，也已從

練耳力以及爐火關

Wed, 30 Jan 2019 00:26:15 +1300

前幾日整了練眼力程序。今天再介紹一個練耳力的鏈接。為何要常練眼耳，因眼耳口乃是外三寶。《周易參同契》有雲：耳目口三寶，閉塞勿發揚。《黃帝陰符經》：性有巧拙，可以伏藏，九竅之邪，在乎三要，可以動靜。元朝王道淵注解：“凡遇邪攻九竅，便當運三要以複之。夫惟三要，有內三要，有外三要。內之

兒子的售後服務-練眼力2.1、《童趣》以及假知關

Mon, 28 Jan 2019 00:26:15 +1300

兒子完成生成隨機大寫字符後，我覺得功能還不錯，10紐幣的報酬低了一點，故此又提出一個簡單的job offer。要求可以選擇小寫字母、數字、特殊字符組合生成一個隨機字符串，開價20紐幣。兒子欣然接受，半個小時的工作就完成了，歡喜的拿到報酬。應用過程中，又覺得不太完善，因為用戶選擇的結

Python用表設置cookie以及執相關

Sun, 27 Jan 2019 00:26:15 +1300

這幾天俄羅斯賭場不再發送查詢過來了。程序用表非善非惡，隻是一個工具，應用之道，存乎一心。但跨站用表至少是不誠實了，將眾多ip地址訪問的帶寬轉移到其他網站上，累己累彼。而用本機程序用表，隻是將自己訪問的過程自動化，帶寬均是由本機產生。想起五十通關文還有數篇就可結束，有發帖的動力。我

練眼力2.0以及妝飾關

Thu, 24 Jan 2019 00:26:15 +1300

兒子完成練眼力javascript小程序後，運行了幾天。感覺有一個比較大的缺點，就是如果知道是什麼文字了，意識會幹擾自己的眼力觀察，從而得不到客觀的數據。基於此，我又提出20紐幣的job offer給12歲的兒子，要求隨機產生數個字母，如此可較準確的得到練眼力的進度。他磨了兩天完成

繼續暗戰-設置log察敵以及退誌關

Mon, 21 Jan 2019 00:26:15 +1300

設置好cookie來阻止俄羅斯某賭場網站盜表後，消停了幾天。昨天流量又異常了，這哥們卷土重來，哈哈，不由得有點竊喜。如今對方的流量本人已有了解，絕不可能超出upcloud每月4000GB的帶寬限額，故此有得玩還是不錯的。用cookie來阻止盜表也不究竟，對方人工來查看的話，可以用

兒子實現的練眼javascript小程序以及虛度關

Sat, 19 Jan 2019 00:26:15 +1300

練習了幾天扔掉眼鏡計劃，眼力有了一些進步，以前躺在床上看天花板的視力表，擠眉弄眼也隻能看到第二行，今天擠眉弄眼甚至能看到第五行了。雖然仍然在近視人員範疇，但羅馬不是一天建成的，如果能持續進步，那就繼續下去。前幾天通過練眼，想起一個idea，就是通過網站小程序來持續改進，計劃是定製

利用cookie防範跨站盜表以及粗心關

Thu, 17 Jan 2019 00:26:15 +1300

本以為通過增加動態令牌已解決了盜表問題，昨天通過go access分析log，發現又卷土重來。通過分析來源，基本上可以認定對方是俄羅斯的一家賭場網站，這樣一家名不見經傳的賭博網站，居然輕鬆有幾千萬ip的日流量，看來賭性不獨國人專享，世界各國都流行。想起百年前叱詫股壇的Jesse Li

遷移Vultr網站到Upcloud以及無主關

Tue, 15 Jan 2019 00:26:15 +1300

解決了盜表問題後，這個老網站就在upcloud安定下來。用了兩天upcloud，感覺還挺滿意：速度比較快–目前是感覺，沒有安裝軟件來測試；服務器配置靈活–可以自己選容量大小，擴容很方便；價格比Vultr還便宜-同樣40美刀的服務器，4 core，8GB內存，

安裝go acess分析log解決跨站用表導致帶寬暴漲的問題以及累債關

Sat, 12 Jan 2019 00:26:15 +1300

昨天將本布置於aws的一個老站點轉移到upcloud後，今天看upcloud的帶寬用度，居然也超過了70GB。肯定是有問題了。以前沒有遇到這事，通過google找到一個log分析器go access，當然還是免費的open source. 在ubuntu上安裝非常方便。 sudo apt-get install goaccess 然後找到nginx的

在Upcloud Ubuntu 18.04係統用uwsgi nginx發布django app以及暴棄關

Fri, 11 Jan 2019 00:26:15 +1300

昨天看了一下aws的賬單，居然一下子衝到了800刀，查了一下report。發現大筆支出在突然增加的帶寬使用上。Aws的價格以前不覺得，現在看真是巨大，12月居然說有4TB的帶寬使用，帶來了400多美刀的賬單。應該不至於正常流量超出這麼多，也許有人用惡意代碼刷帶寬，但目前以aws 9

go語言高亮以及猜議關

Wed, 09 Jan 2019 00:26:15 +1300

有蠻長一段時間沒有學習新知識了。每天鍛煉身體很積極，於世事上就懶懶。前幾日靜中忽得一句“悶出一條長生路”，不知何意，後估測應是“世人昭昭，我獨昏昏，世人察察，我獨悶悶”那個悶，山木自寇，源泉自盜，巧者勞而智者憂，無能者無所求，飽食遨遊，泛若不係之舟。然則目前似乎尚不能脫憂而至飽食

兒子首個獨立完成的編程任務-javascript holiday以及任性關

Tue, 25 Dec 2018 00:26:15 +1300

兒子首個獨立完成的編程任務-javascript holiday 這段時間學go語言比較懈怠，好多天沒有學新的。兒子school holiday期間，給他布置了三個任務，前兩個我給了很大的提示。第三個基本都是他獨立完成，昨天完成了，樂滋滋的拿了報酬，給他的好朋友買了聖誕節禮物。因我需要一個簡單的功

傳教士來訪、用go http router開始go之旅以及嗔恨關

Wed, 05 Dec 2018 00:26:15 +1300

傳教士來訪這幾天沒有更新帖子，因為通過Hugo W3 Simple對css、javascript的技術學習告一段落了。除了自己讀的通關文，總要有一些其他讀者也願意看的內容，才有些許動力上網碼字。今天一大早接到敲門，兩位洋人女士，一位稍年長，一位僅20歲出頭。聖誕季都有這樣的敲門，今年也

反反廣告插件簡易實現以及詭詐關

Sat, 01 Dec 2018 00:26:15 +1300

反反廣告插件? 是的，標題沒有打錯。 IT man的寫法應該加個括號，反（反廣告插件）。昨天提到了廣告，多年以前對廣告很感興趣，看過好些部經典的寫廣告書籍，如《影響力》、《百萬美元信》等，前幾個月到美帝一遊，看到路邊的招牌，也感覺是個廣告之國。廣告對市場經濟高速發展起到了一定的作用。不過

歐盟cookie法律簡易應對以及患難關

Fri, 30 Nov 2018 00:26:15 +1300

昨天在Hugo w3 simple模板裏用簡單的代碼實現了基於歐盟cookie法律的瀏覽條提示。這個cookie law已經存在好幾年了，具體解釋google第一條結果就有一個網站cookielaw.org 其網站是英文的，簡單翻譯來說： Cookie Law Cookie法是一項隱私立法，要求網站獲得訪問者

Nginx下安裝isso開源評論係統用於Hugo以及幻景關

Wed, 28 Nov 2018 03:26:15 +1300

之前用的模板直接采用的是方便內置的disqus評論係統。但這個disqus有幾個缺點不太喜歡：帶廣告加載速度不太快據說國內用戶無法訪問，隻能翻牆才行早打算換一個解決方案。 hugo官方推薦了幾個Open Source，看到isso采用sqlite和用python編寫的。這兩者我都熟。

由比特幣鬱金香化說到運交華蓋意何如，再談到耳順以及速效關

Wed, 28 Nov 2018 00:26:15 +1300

這個主題源自幾天前看到比特幣又大跌。想起多年前與本世紀最大的鬱金香近距離接觸卻擦肩而過的往事。鬱金香鬱金香（經濟學術語），源自17世紀荷蘭的曆史事件。作為人類曆史上有記載的最早的投機活動，荷蘭的“鬱金香泡沫”昭示了此後人類社會的一切投機活動，尤其是金融投機活動中的各種要素和環節：

Lazy Load實現進一步加快網速以及貪酒關

Tue, 27 Nov 2018 00:26:15 +1300

幾天前看到一個lazy load的概念，就是用一個小圖先占住大圖的位置，等用戶刷屏瀏覽到圖片位置時再用javascript顯示大圖。 HTML語言就類似下列 Lazy load images <img src="placeholder.svg" data-src="realbig.jpg"> 這個英文專用名詞不太好翻譯，隻記得少年時看過一本書叫《懶尋舊夢錄》，不過隻記得名字了，內容和作者都忘記了。此名詞不好

Hugo W3 Simple主題快捷代碼演示以及因果關

Sat, 24 Nov 2018 00:26:15 +1300

關於這個模板 Hugo W3-Simple Theme我是先做了個英文版的快捷代碼演示，因為考慮到可能英文用戶會稍微多點，今天有空又更新了一個快捷方式，同時寫一個中文版頁麵吧。此模板是基於W3schools 的W3.CSS框架做成的，因為我覺得此框架十分有效而且簡潔，比bootstrap的css要小的多。 W3

共享條自適應設計以及冷熱關

Sat, 24 Nov 2018 00:26:15 +1300

之前寫個一個小帖子來介紹怎麼做左側共享條，我設計這個Hugo模板也采用了同樣的設計。前兩天有一位國際友人在github上open了一個issue，說是需要修改一下這個共享條的自適應。因為我當時很簡單的處理了一下，當屏幕寬度小於1024px時，自動取消固定在左側的屬性，就放在屏幕下

滑屏進度條實現以及誇揚關

Fri, 23 Nov 2018 00:26:15 +1300

經過一個網站，看到滑屏的時候有個進度條提示，似乎挺有效果。記得w3school曾經講過這個。稍加修改，做在我這個模板裏麵。滑屏進度條實現先設置css .progress-container { display:none; position: fixed; top: 0; z-index: 1; width: 100%; background-color: #f1f1f1; width: 100%; height: 4px; background: #ccc; } .progress-bar { height: 4px; background: #f44336; width: 0%; } 再在頁麵弄個div <div class="progress-container" id="scrollbar"> <div class="progress-bar" id="progress-bar"></div> </div> 然後加入javascript來處理滑屏事件

Amazon EC2 CPU積分低導致網站巨慢以及不久關

Thu, 22 Nov 2018 07:26:15 +1300

前幾天一個主網站巨慢，以為是中了DDoS攻擊，遠程登陸進去，查了半天log，好像也沒有什麼異常。 google找到一個命令，看有否異常的ip地址攻擊 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 也沒發現有超過百位的ip地址。說明並沒有DDoS攻擊。那怎麼會這麼慢？仔細google了一圈，有一

W3 CSS 實現固定瀏覽條以及怕苦關

Mon, 19 Nov 2018 07:26:15 +1300

以前學了幾小時boottrap，準備擁抱了，不想沒幾個小時以後，發現W3 CSS代碼更小巧，教程也足夠多。基於W3 CSS編寫了這個HUGO 模板後，感覺W3 CSS功能確實足夠強了，至少整個中小型網站，CSS方麵應該是完全足夠了。就用W3 CSS把之前用boottrap弄的固定瀏覽條再弄

幸好這是夢以及陰惡關

Mon, 19 Nov 2018 00:00:37 +1300

Hugo模板的基本功能全部整完了，又抽空將帖子分成兩個目錄，令其支持雙語言，暫時沒有什麼可改的地方。看我自己這個github，十幾天前發現Hugo這個工具，就建立了這個模板，13天前發起這個項目，這麼多天有61個commit，就是修改了61次。 Git這個版本管理功能真是獨一無二，

Pagination CSS設置自適應以及懦弱關

Tue, 13 Nov 2018 00:00:37 +1300

Hugo W3 Simple的simple list看了幾天，打算變化一下，昨天就整了一個網格版的。反正用w3 css框架，這些界麵類的東西都非常容易實現。普通版光列標題，不做分頁也無所謂，事實上我自己就不愛用分頁，google搜索從來都是設置到結果為100，從來不點第二頁，而且因為google

Nginx rewrite URL, Python圖片壓縮代碼以及自滿關

Mon, 12 Nov 2018 00:00:37 +1300

搜索功能全部搞定，打算將比較難看的/search/?q=blablaURL改成搜索引擎喜歡的/q/blabla 在nginx的conf文件加了這麼幾行 location /q { rewrite ^/q/(.*) /search/?q=$1 break; } 訪問/q/blabla 就轉向到搜索頁麵了。極簡化博客基本告一段落，今天Hugo的團隊也通知我設計的這個主題模板也將要

設置Manticoresearch搞定Hugo站點的搜索引擎以及口舌關

Sun, 11 Nov 2018 08:00:37 +1300

這幾天玩Hugo和git覺得像回到大學時代剛學彙編語言的狀態。也是一種反璞歸真。 Opensource真是含有巨大的寶庫，這種集體的力量逐步演化下去，會對世界人民日後帶來更深遠的影響。站在git、hugo、manticoresearch等眾多大神的肩膀上，每樣都會點皮毛的我，自覺也

用git的webhook實現快速更新Hugo網站以及恩愛關

Thu, 08 Nov 2018 09:26:15 +1300

本是負重散步時間，一看天公不作美，飄著幾絲風雨。還是更新一下帖子吧現在用Hugo+git+markdown組合，工作效率大幅增加。閑話揭過，這次就寫一下如何用git的webhook來實現快速更新hugo網頁此次操作參考了Digital Ocean的一個老帖。但該帖用服務器再裝一遍H

從Wordpress遷移至Hugo以及不信關

Thu, 08 Nov 2018 07:26:15 +1300

好幾天沒有更新了。不是偷懶，是因為找到一個新玩意:-) 前幾天覺得Wordpress的Elegant模板太過冗餘，css設置起來很多衝突。打算找一個單純支持W3.css的Wordpress模板。用Google搜索"w3 css wordpress themes"沒找到什麼Wordpres

網頁內嵌pdf文件以及生死關

Wed, 31 Oct 2018 23:17:26 +0000

打算在網站提供電子書在線閱讀，需要內嵌pdf文件。看了一下有挺簡單的解決方法，直接用embed采用瀏覽器自帶的pdf閱讀器。代碼如下： <embed src="https://yourwebsite.com/yourfile.pdf" width="100%" height="500px" type='application/pdf'> 此法簡單，但有以下弱點：手機瀏覽器不支持用戶可以隨意打印下載需要另尋他途。至從用了Linux係統，進入Open Source的世界，想找什

擁抱Bootstrap 4 --先整一個固定瀏覽條以及輕慢關

Tue, 30 Oct 2018 08:01:06 +0000

閑逛w3schools發現Bootstrap 4教程。一看開發的兩位大神也是開發twitter的。 Bootstrap是將javascript和css包裝起來的一個庫。有點像剛開始學編程時的微軟弄的Visual C++的MFC類庫。當年學這個類庫，將codeguru的MFC子類看得爛熟

Javascript實現左側共享條以及恥辱關

Mon, 29 Oct 2018 09:49:15 +0000

前帖話音未落，有點時間，就看看javascript怎麼做。也十分簡單。將php那段代碼更改如下： <script> shareurl=encodeURIComponent(location.protocol + '//' + location.host + location.pathname); sharetitle=encodeURIComponent(document.title); </script> <div class="icon-bar"> <script> document.write( '<a href="http://www.facebook.com/sharer.php?u='+shareurl+'" onclick="window.open(this.href, \'mywin\',\'left=20,top=20,width=500,height=500,toolbar=1,resizable=0\'); return false;" class="facebook"><i class="fa fa-facebook"></i></a> '); document.write( '<a href="https://twitter.com/share?url='+shareurl+'&text='+sharetitle+'" onclick="window.open(this.href, \'mywin\',\'left=20,top=20,width=500,height=500,toolbar=1,resizable=0\'); return false;" class="twitter"><i class="fa fa-twitter"></i></a> '); document.write( '<a href="https://plus.google.com/share?url='+shareurl+'" onclick="window.open(this.href, \'mywin\',\'left=20,top=20,width=500,height=500,toolbar=1,resizable=0\'); return false;" class="google"><i class="fa fa-google"></i></a>'); document.write( '<a href="http://www.linkedin.com/shareArticle?mini=true&url='+shareurl+'" onclick="window.open(this.href, \'mywin\',\'left=20,top=20,width=500,height=500,toolbar=1,resizable=0\'); return false;" class="linkedin"><i class="fa fa-linkedin"></i></a>'); </script> </div> 用javascript實現了這個功能，就可以隨意移植到其他後台程序如P

無插件實現左側共享條以及閨丹關

Mon, 29 Oct 2018 06:46:03 +0000

共享條本來采用的是Elegant Themes公司的Monarch插件。但很奇怪的是它不支持分類目錄和搜索頁麵的共享。打算自己從最基礎的需求開始做一個。w3school就有一個左側共享條的例子拿來用一下，先增加css .icon-bar { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 900px) { .icon-bar { position: relative; } } .icon-bar a { display: block; text-align: center; padding:

向google學習搜索結果加黑以及高大關

Thu, 25 Oct 2018 23:01:33 +0000

新的項目弄好了，主要是一個產品的細分搜索。既然是搜索，就要跟google學習了。雖然他的量級是大海，我的隻是一滴水，但本質是一樣的。取法乎上，若得其中也不錯了感受一下google的搜索，有幾條：所有鏈接都沒有打開新窗口，記得幾年前Google曾經有打開新窗口。標題沒有關鍵字加黑

點擊搜索框顯示熱門搜索以及暴燥關

Wed, 24 Oct 2018 20:53:22 +0000

又想起一個idea，點擊搜索條顯示幾個推薦搜索。搜了幾個Wordpress插件，都不能滿足本人的要求。隻好自己解決了。從最本質的地方思考，觸發點擊搜索框的就是onfocus，然後做一個Div,平時是不顯示的，觸發onfocus的時候顯示。最開始搜到的解決方法是直接用css來觸發f

安裝Imagemagick壓縮圖片提高網速以及才智關

Mon, 22 Oct 2018 22:51:50 +0000

新項目基本功能調試好了，到Google Speed Insights一看，評分沒有到80分以上。主要是圖片比較多，Google認為我之前的壓縮率不高。之前的21個插件之一的圖片優化插件用於個人博客，圖片量不多的尚可，現在過萬張圖片，那個插件需要遠程傳到他自己的圖片優化服務器處理後再回傳，浪費

令Bloom插件支持Google reCAPTCHA以及嫉妒關

Mon, 22 Oct 2018 01:04:33 +0000

備份解決了，心內仍然有點猶豫。細觀之，是擔心引流量後鋪天蓋地的垃圾郵件注冊。我這個博客沒有任何主動導入的流量，每天也有幾十個垃圾郵件注冊，弄得還得花時間維護。 Bloom插件用於吸引郵件列表，也是Elegant Themes公司的產品。因為本身是其會員，故此該插件和Divi、Extr

命令行上傳備份到Google Drive以及書魔關

Sun, 21 Oct 2018 04:47:39 +0000

手上項目基本完成了，準備引流量過去時心有所感。暫停一下，思考了一下項目種種，思及前次Vultr備份出了問題的狀況。打算再尋一個獨立的備份方案。正好前一陣子收到GOOGLE發來的G SUITE的推銷郵件，除了獨立域名的郵件外，還有一個最吸引我的是其無限量的雲硬盤服務。 10美元/月就可

用DIVI按鈕令PDF文件鏈接強製下載以及妄想關

Fri, 19 Oct 2018 21:00:07 +0000

新項目中，提供免費PDF文件下載。然則放上一個PDF鏈接，直接點擊後仍然保持在瀏覽器中，用戶需要在瀏覽器再選擇下載。這個用戶體驗不佳，在UX的報告Top 10 Mistakes in Web Design排名第二。 Google了一下解決方案。用HTML5的download屬性加入到鏈接，就可以強製用戶下載了。但

Ubuntu下安裝renameutils批量改名以及傲氣關

Thu, 18 Oct 2018 22:45:32 +0000

批量處理了幾十個文件加水印後，需要批量改名，因為下載的轉售權文件名字都帶了PSD字樣。又祭起萬能的Google，馬上發現一個帖子。該帖子用gif動畫介紹了renameutils，看上去很不錯的樣子。安裝一下： sudo apt-get update sudo apt-get install renameutils cd到準備批量處理的文件夾運行： qmv -f do 立馬就打開了最常用的

用Gimp給圖形文件批量加水印以及榮貴關

Thu, 18 Oct 2018 21:08:40 +0000

現在采用Ubuntu係統，用免費Open source的GIMP軟件來簡單的處理圖片。今天需要給很多圖片加上網站的水印。以前在|Windows下有相關的軟件，但這次在Linux係統下，不知有沒有。 Google了一圈，發現了一個github項目BIMP 安裝一下目前的1.18版本： sudo apt-get

記錄一些代碼庫，千裏之行始於足下以及畏難關

Tue, 16 Oct 2018 21:14:54 +0000

此貼記錄一些代碼函數 1、縮略長文至一小段php。摘自stackoverflow不知名大神 //truncate a string only at a whitespace (by nogdog) function truncate($text, $length) { $length = abs((int)$length); if(strlen($text) > $length) { $text = preg_replace("/^(.{1,$length})(\s.*|$)/s", '\\1...', $text); } return($text); } 2、更改wordpress帖子標題： add_filter('the_title', 'new_title', 10, 2); function new_title($title, $id) { $title = str_ireplace('just another wordpress site','',$title); return $title; } 3、將wordpress的搜索?s=更改為可讀性更強的鏈接 function change_search_url() { if

修改Extra子模板，在主菜單欄中間增加類Amazon的搜索條以及窮困關

Fri, 12 Oct 2018 21:53:30 +0000

現在的一個項目中，打算突出搜索功能，但Extra模板的搜索條很小，需要定製。觀察了一下各大網站，覺得Amazon的搜索條不錯。打算也整一個類似的。就一個logo右邊來一個搜索條，然後右邊再一個鏈接。需要修改Extra模板源代碼，那就先建一個子模板目錄 sudo mkdir /var/www/yourwebsite.com/wp-content/themes/Extra-child 這個目錄放兩個文件。一個

記錄一些ubuntu命令以及色身關

Wed, 10 Oct 2018 00:43:27 +0000

現在還記得初中化學老師經常講的一句話“好記憶不如爛筆頭”。目前感覺記性也屬於一般化，故此需要用博客這個爛筆頭經常記錄一下 1.修改文件屬性 sudo chown www-data:www-data -R * sudo find . -type d -exec chmod 755 {} \; sudo find . -type f -exec chmod 644 {} \; 2.重啟ip映射 sudo dhclient -v -4 3.列出文件夾大小 sudo du -csh /var/* 4.日誌文件控製 journalctl --disk-usage 可修改其大小 sudo nano /etc/systemd/journald.conf 設置 SystemMaxUse=100M

玩玩Python兩大爬蟲利器Selenium、Beautiful Soup以及著空關、命運輪盤

Mon, 08 Oct 2018 01:33:49 +0000

Python用於內容獲取真是太好用，早幾年知道這個工具，還學什麼windows下的delphi、VC之流。 Selenium可以使得Python可以自動模擬瀏覽器瀏覽網站。安裝命令： sudo pip3 install selenium 比如一個網站截圖，數行代碼足以搞定 from selenium import webdriver from selenium.webdriver.firefox.options import Options options = Options() options.set_headless(headless=True) driver = webdriver.Firefox(firefox_options=options)#,firefox_profile=fp) driver.set_window_size(1280, 1024) driver.get('https://jesselau.com') driver.save_screenshot('firefoximage.png') 這是調用firefo

深入Wordpress數據庫結構，研究一下用Python程序發帖

Sun, 07 Oct 2018 02:20:46 +0000

學了Python，感覺這個語言用起來更順手。各類的代碼庫也非常全，用來做內容獲取再好不過了。可是如果要在前端顯示出來，就需要用Django或者Flash那種平台，學習周期也比較長。現在用Wordpress玩博客，感覺如果優化配置好了，MySQL也沒有傳說中的效率那麼差，且Word

Vultr服務器升級出錯無法訪問解決方案以及懸虛關到看山還是山

Fri, 05 Oct 2018 22:09:21 +0000

昨天盤算了一下後一項目需要至少20GB的文件存儲空間。而之前采用的是Vultr 5美元每月的VPS，隻有25GB空間容量。這明顯不能滿足要求了。這就隻能再升級，不由得心裏唱起"Money money money"。再換一個洛杉磯的60GB容量吧。成本一下子提高到了20美金每月直接點升級，然後

將Manticore Search與Wordpress數據庫結合起來

Wed, 03 Oct 2018 21:36:51 +0000

前兩天安裝了Manticore Search，但隻是根據其安裝說明測試了一下，還沒有完全了解其概念。今天又學習了一下，他的概念是將慢速的數據庫內容存在其內，然後用其高速算法檢索出id，再正常的應用即可。這樣我就再做一個配置文件 sudo nano sphinx.conf 貼上下列內容: # # INDEX GROUP: # MY BLOG # # SOURCES: # src_my_blog # # INDEXES: # idx_blog #

安裝測試Manticore Search

Sun, 30 Sep 2018 00:21:03 +0000

最近有個項目腹案。打算就用Wordpress作為前端，用Python作為後台提供內容。但是Wordpress的搜索功能不夠強大，速度也非常慢。如果貿然用不成熟的技術上新網站新項目，隻會起到事倍功半的反效果。我這個博客就是用來做各類技術練手之用，通過這博客一步步實現，就能令自己的“

Wordpress前端+Python後台有機結合做一個今日熱數的插件

Sat, 29 Sep 2018 04:37:03 +0000

今天是甲子日，打算開始進行財運的觀照之旅。擬借某在線平台的輪盤作為實驗對象，而根據本人的帖子幸存者偏差、彩票偏向是不可能根據實時出來的數字來頭上安頭來預測結果的。但是可以參考大數據的數字分布來設定一個固定的策略來盡量發揮自身的財運。想到一個方式，就是測試當天的隨機10000個數字

發布第一個Wordpress插件，在編輯器添加尋找替換功能按鈕

Mon, 24 Sep 2018 22:54:41 +0000

這兩天編輯帖子，有了一個新的需求。 Wordpress編輯器目前沒有尋找替換功能。而這項功能對我來說很有用處，因為經常帖代碼，用的是一個引文的按鈕，但每次都必須回到TEXT方式下加上<pre>的標簽，不然代碼會被Wordpress編輯器自動轉成中文字符。故此需要一個批量

玩玩EXTRA模板的CSS並將首頁的ADSENSE代碼取消

Sun, 23 Sep 2018 08:49:18 +0000

裝修後過了一天，感覺首頁的那個slider似乎沒有太大必要，而且主題也不明確。還是用一個靜態圖片好一些，用EXTRA的image 模塊加一張圖片很簡單，但沒有什麼動態效果，感覺不太美觀。好吧，用CSS打磨一個動態效果吧。添加一個TEXT模塊，然後寫上下麵代碼 <div class="zoomimg-container"> <img class="zoomimg" style="width: 100%;" src="https://jesselau.com/wp-content/uploads/2018/09/jesselaublog-1.jpg" /> <div class="zoomimg-content"> <h1>Welcome to

用Extra模板重裝修網站、搞定Polylang與Extra不兼容問題、在AMP頁麵上安裝ADSENSE代碼

Sat, 22 Sep 2018 23:24:42 +0000

前天到elegantthemes的網站上逛了逛，發現他們除了DIVI以外，還有一個Extra模板。號稱是針對博客網站開發的。排版方式類似於西方的雜誌排版。且菜單比之DIVI更為摩登現代。好，既然我的會員資格涵蓋了這個模板，我就用這個重新“裝修”一下網站。 Wordpress的裝修很

取消Redirects再次提交Adsense以及定製404錯誤頁麵提高用戶友好度

Wed, 19 Sep 2018 22:47:06 +0000

昨天收到Adsense的提醒信，說可以再次提交Adsense的review。我前麵已經提交過兩次，都很快收到下列信件： Unable to review your site: While reviewing jesselau.com, we found that your site was down or unavailable. If you applied through an AdSense host partner, such as YouTube or Blogger, your hosted site was not available or not found (removed) at the time of the review. 這次提交，不一會又收到這個信件。這個真讓我奇怪了，我都將服務器從Lon

通過Divi子模板更改內核文件在搜索和標簽雲頁麵增加read more連接

Tue, 18 Sep 2018 22:00:43 +0000

Divi模板很不錯，但是他的創始人可能也是有一個“不要賺到盡”的哲學。有些地方我懷疑是他故意留下來的破綻。比如他的搜索和tag頁麵，為什麼不缺省的作上read more連接呢。到其論壇去找到解決方案。將divi目錄下的index.php文件，找到54行，更改為： truncate_post( 270 ); printf( ' <a href="%1$s" class="more-link" >%2$s</a>' ,

玩玩CSS給網站美美容以及在Wordpress中帖高亮易讀的代碼

Tue, 18 Sep 2018 00:30:21 +0000

昨天裝了視頻界麵後，覺得網站頁麵也幹巴巴的對鼠標也沒有什麼互動。決定給網站增加點特效。 CSS 層疊樣式表 (Cascading Style Sheets)真是一個偉大的發明。找到樣式id後，可以隨心所欲的控製，使得網站的設計有了無限的可能性。好，玩了一陣子，就是現在網站這個樣子。打算將代碼帖出來存檔並且能供大家參考。

用Divi模板、FFMPEG玩轉首頁視頻背景

Sun, 16 Sep 2018 23:26:03 +0000

這幾天看首頁兩張圖有點膩了。準備上傳一個小視頻作為背景。這個可能對網頁速度有比較大的影響，不過這個網站本來就是要多經曆事情“乾坤遍曆”而設定的，所以測試一下也無妨。隨手在手機裏找到一個視頻，拍的是從新西蘭著名的蒂卡普湖（Lake Tekapo）到瓦納卡途中一段風景。蒂卡普湖是南半球

盤點本博安裝激活的21個Wordpress插件

Sun, 16 Sep 2018 04:40:18 +0000

不知不覺間，從上月底開始重啟博客以來，已經更換了Divi商業模板，今天一看，已經安裝激活了21個wordpress插件。 21是一個玄數，故此就在此時盤點一下。這些插件都是博客運行過程中，突然迸出一些想法或者需求，通過google找到的，雖然有部分有商業功能，但本博目前全部是運行的

足彩賠率反推返現率、資金比例計算器以及在Wordpress頁麵添加javascript代碼

Fri, 14 Sep 2018 23:08:39 +0000

昨天寫100倍域名估值、幸存者偏差、彩票偏向及人定勝天時，有個足彩的賠率計算，一個個代入比較麻煩，打算用javascript做一個簡單的計算器。足彩賠率反推返現率、資金比例計算器如下：請輸入賠率：勝賠率: 平賠率: 負賠率: 計算代碼很簡單,但加入到wordpress出了些問題。 wor

優化配置Wordpress和Nginx降低服務器響應時間，最便宜服務器跑多插件大模板網站

Mon, 10 Sep 2018 02:53:24 +0000

昨天兒子按照前麵我寫的教程作出了人生第一個博客，教程參見八步教程 – 從零基礎到2小時建立Google PageSpeed Insights100分、安全度A級的博客站點平台接下來的問題雖然他還沒有遇到，但我卻早有先見。因為打算服務器的費用由他自己想辦法賺錢支付，目前讓他采購的是Vultr最便宜的服務器

吾有一策，可屏蔽過百萬不可描述網站，助少年人上網清淨，汝願行否

Thu, 06 Sep 2018 00:49:23 +0000

這個主題源於前兩天的大八卦，某著名上市公司老總百億級別富翁因女色被美國某地警察局短期拘留，此事是非真假，自有後期新聞報道，本博也不欲置評。寫博客於本人來說，最大的目地是在於借每日生活點滴梳理文字，可以在寫作中達到“日三省吾身”的效果，而博客的社交功能尚在其次。目前看來，效果還是很

運用商業模板Divi打造漂亮博客

Mon, 03 Sep 2018 22:29:57 +0000

給兒子寫完長貼2小時打造基本功能齊全的Wordpress博客平台後，發現首頁不太美觀，因為是采用的博客模式，打開首頁就是這麼長的一個技術貼，對技術貼沒有興趣的朋友就不方便了。好吧，那我還是用Divi生成一個方便瀏覽的首頁吧。 Divi是ElegantThemes公司出品的商業模板係

八步教程 - 從零基礎到2小時建立Google PageSpeed Insights100分、安全度A級的博客站點平台

Sun, 02 Sep 2018 04:36:57 +0000

11歲半的兒子周五從學校回來，看到他老爸我的這個博客，說“我也想做個blog”，孩子的想法和熱情要鼓勵，前麵寫的一段段技術文章，不太係統，不容易讓基本零基礎的小朋友模仿學習。前麵自己作的過程中沒有截圖記錄，現在要還原操作過程還有點難度。這樣的話，決定用一個閑置域名fxdiary.

加入翻譯插件、盤點博客的經濟帳

Thu, 30 Aug 2018 00:05:34 +0000

想起以後說不定有國際友人來到這個博客，本想做一個英文版，但自己實在沒有熱情來翻譯，隨手google了一個插件Google Language Translator，設置十分簡單，隨手選了幾種語言，就裝在邊欄上了，試了一下，很方便，google的速度也很快，看英文版的翻譯質量也比數年前大幅提升。由此，

三生萬物-由手機自適應修改引發的問題及解決方案

Tue, 28 Aug 2018 23:41:58 +0000

用手機模擬測試網站測試，發現標題沒有很好的自適應手機屏幕。用三星屏幕模擬，發現用戶必須左右移動方可閱讀這個是模板的問題了，立馬上Elegant Themes網站搜索有沒有同樣問題，找到一個解決方案。在custom css上增加如下幾行： #posts .post .no_thumb { width: auto !important; } 再去測試，沒變化，嗯，因為為

提高用戶體驗度-增加相關文章鏈接-設立速回按鈕

Tue, 28 Aug 2018 08:29:29 +0000

Google大金主的Pagespeed Insights弄到90分以上了，至少不會因為網速的原因扣搜索引擎排名的分數。現在就著手提高用戶體驗度，因為訪客方便瀏覽，會閱讀更多的文章，駐留時間更長，這樣google就會在搜索引擎的權重上增加比分。

自己以“遊客”的視角代入，檢查初始網站。

首先初始版本的文章圖片比較多，文章看完需要刷到很長的屏幕，而主要鏈接都在上方，故此加一個漂亮的速回按鈕是必要的，Wordpress很輕鬆找到一個插件WPFront Scroll Top，輕鬆設置一下，選了一個按鈕，這個功能就1分鍾搞定了。

我的審美觀選了現在的按鈕，如果你們喜歡下麵其他的按鈕，可以留言投票，看看是否更好 :-)

另外到了頁麵底端加幾個相關文章鏈接也不錯。故此又裝了一個插件Contextual Related Posts。想起每頁的版權聲明，可以一次設好，以後自動添加就可以，又安裝一個插件Add Widget After Content

通過設置Add Widget After Content，在widget中增加了一段版權聲明的HTML語言如下

通過這兩個插件，每篇文章後麵自動會顯示版權聲明及相關文章鏈接

優化網站Pagespeed Insights分數提到到90以上

Tue, 28 Aug 2018 01:08:48 +0000

昨天大體全部弄好基本功能後，交給Google Pagespeed Insights審核，結果不佳。

今早一步步處理。

先看一下優化前的分數

隻有58分，一大把建議，依次解決。首先是要解決壓縮問題

通過google，了解nginx的設置，設置如下

用編輯器打開nginx設置文件

sudo nano /etc/nginx/nginx.conf

找到gzip字樣，將幾個gzip選項全部打開，如下

gzip on;

gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

接下來有個cache的建議，有些不變的文件如字體、圖片、video等可以設置長的過期時間，用戶再訪問網站時就不必刷新了。

Google找到一個字體文件需要設置。初時我用以前apache2的處理方法，設置.htaccess文件，結果怎麼測試也沒變化，再一google，原來nginx完全不用.htaccess文件。需要編輯虛擬主機文件

sudo nano /etc/nginx/sites-available/jesselau.com

加上這麼幾行

location ~* \.(css|gif|ico|jpeg|jpg|js|png|woff)$ {
expires max;
log_not_found off;
}

存盤重啟nginx

sudo service nginx restart

下一個建議是清除首屏內容中呈現的Javascript和CSS，什麼意思呢。就是現在偏重於手機瀏覽的優化，要求在首屏內容出現前盡量將網頁內容減小，在不影響視覺的情況下延後或異步運行javascript和css

繼續google找到兩個插件Async JavaScript和Speed Up - Optimize CSS Delivery，這樣我的常用插件又多了兩個成員，升級到5員。

網站初步完成，再去Google PageSpeed Insights審核

Mon, 27 Aug 2018 07:05:51 +0000

經過這幾天有一搭沒一搭的邊寫帖子邊修改，此博客基本框架已經都有了，也滿足了近年來網站的基本要求。

有了ssl認證、支持手機自適應網頁，也解決了email的收發問題，網站初步完成。刪減了wordpress的plugin。隻留下正常運行需要的三個插件。

Gmail SMTP 前文講過處理email事務

Google Captcha 就是下麵那個評論區需要點擊的那個了，用於屏蔽垃圾評論的。

reSmush.it image Optimizer 用於壓縮圖片，計劃本博會采用大量圖片，所以預先安裝上，提高網速。

當年在國內從事設計工作，初步設計完成後就是交給其他單位審核，網站的審核大權就在我們都知道的巨無霸Google。

Google有個Pagespeed insights工具，用於給網站優化建議。現在一查，目前此網站的mobile版還不及格

修改標簽雲字體大小

Mon, 27 Aug 2018 06:24:53 +0000

用wordpress，tag的功能雖然老，其實對讀者而言也挺方便的。

當年delicious網站就是靠tag名噪一時，不過互聯網江湖真是潮起潮落，如今連這個網站都沒了，感歎一下。

wordpress的tag缺省有大小字體，對於將數字標於其後的設定，字體不同殊無必要，隻會造成視覺上不便，如下圖

打算將字體改成一般大小，google到解決方案，到模板的function.php後麵加了下麵幾行

安裝gmail SMTP插件

Mon, 27 Aug 2018 03:15:28 +0000

昨天本打算裝一個postfix解決網站的email問題，根據一個linux站點的教程裝了一個多小時，結果不知名的原因，不能設置成功。linux係統經常如此，有些軟件設置繁複，而且各個文件的用戶權限不同就可能導致結果失敗。

算了，重新找一個簡單的解決方案。隨手搜到了一個插件gmail SMTP

根據其教程到Google Developer申請了一個OAuth ID,一路操作下來，到了眼看大功告成的時候，巨無霸Google突然來一句，該API應用開發者（就是我了）未經過驗證，需要提交表格驗證雲雲

尋到googe的認證頁麵，看到這麼多表格要填，正無奈間發現這麼一句

兩分鍾搞定Favicon

Sun, 26 Aug 2018 23:46:03 +0000

準備搞定wordpress的email係統，弄了個Gmail SMTP插件正在設置，需要google驗證jesselau.com這個域名是屬於我的，在namecheap上設置了TXT record就等待google驗證。等待過程中想起Favicon沒作呢，搜了一下make favicon onlin

忘記wordpress密碼怎麼辦？解決方案

Sun, 26 Aug 2018 22:25:05 +0000

轉移數據庫過程中出了一個小插曲。用All-in-One WP Migration插件導入到新網站後，提示需要重新登錄wordpress管理界麵。試了幾次密碼不對，而且我的wordpress郵件功能還沒設置好，用找回密碼功能不行。好在還記得MySQL密碼，可以在數據庫裏直接修改。 1、安裝

轉移wordpress數據庫升級Ubuntu

Sun, 26 Aug 2018 03:40:46 +0000

前回說到ubuntu 12安裝ssl認證隻能評到B級，雖然估計本站點暫時也不會有能攻破B級安全的黑客大神來訪，但還是去看了看現在的新服務器。

很便宜，最低2.5美金一個月，我之前的服務器因是幾年前作web designer時掛了不少站點，雖然運行過期的Ubuntu係統，反而還需要20多美金一個月，今日一看正好又升級又省錢，又可以清理老站重新出發，何樂而不為。

迅速入手2.5美金的Vultr最低級別服務器，標明隻支持ipv6，不解何意，學習安裝了再說吧。其他數據轉移很容易，直接用scp打包傳輸即可，主要是wordpress的數據庫要重新導出導入，找到一個插件All-in-One WP Migration。十分方便，先在老站導出數據，再在新站導入。截圖如下

SSL網站-在Ubuntu 12上安裝Letsencrypt認證

Sat, 25 Aug 2018 01:52:59 +0000

將博客搞定手機自適應後，還得作一個事情，將網站變為SSL的網站，就是需要HTTPS訪問，這是因為創造趨勢的巨無霸GOOGLE力推HTTPS，甚至將之列為網站搜索結果排序的一個權重。

如今正常想要持續發展的網站沒有HTTPS是不行了。好在HTTPS增加並無太困難，也有免費的解決方案。就是Letsencrypt.org提供的免費SSL認證。

因為我這個服務器是多年前搭建的，用的是Ubuntu 12.04.確實很老了，現在我個人電腦都是裝的Ubuntu 18. 若安裝個新係統，需要大量時間，本人卻不太喜歡浪費時間。故此還是求教Google：如何在Ubuntu 12版本上搞定Letsencrypt。

整合了一些信息親測有效，搞定了SSL。

1、ssh到服務器，安裝Letsencrypt客戶端

git clone https://github.com/letsencrypt/letsencrypt

2、先把apache2停掉，對於目前這個blog無流量，關停無壓力

service apache2 stop

選用Responsive自適應wordpress模板

Sat, 25 Aug 2018 00:05:51 +0000

弄這個blog打算方便為主，為自己可隨時寫作、管理，需要支持手機瀏覽和操作。

因是elegantthemes付費會員，故此到該處選了一個簡單視覺感不錯的模板basic，孰料這是早年作品，安裝好後居然不支持Responsive針對手機瀏覽自適應調整頁麵。本來還蠻喜歡她的簡潔電腦版本，可惜手機上就比較醜了。

電腦版長這樣，寬屏還是很nice的

手機上則這樣了，邊欄沒有自動去除，閱讀博客內容字很小不方便。

故此重新換了一個模板simplepress.手機版如下圖，邊欄自動隱藏，好很多了。