https://jesselau.com/tags/%E9%80%9A%E9%97%9C%E6%96%87/ Recent content in 通關文 on Hugo -- gohugo.io zh-Hant Wed, 30 Jan 2019 01:26:15 +1300 https://jesselau.com/tong-guan-wen/ Wed, 30 Jan 2019 01:26:15 +1300 https://jesselau.com/tong-guan-wen/ 從2018年9月6日提到第一關色欲關緣起而讀通關文，直到今日最後一關爐火關，將全部五十關細讀了一遍。 往日隻是淺讀則止，今次通過博客的形式，發五十篇帖子，同時細讀五十關，有一定的效果。 今天這個帖子就是將通關文這個主題結束。再讀一下其序言和絕言歌，設一下目錄的鏈接。 通關文序 修真大道， https://jesselau.com/traing-ear/ Wed, 30 Jan 2019 00:26:15 +1300 https://jesselau.com/traing-ear/ 前幾日整了練眼力程序。今天再介紹一個練耳力的鏈接。 為何要常練眼耳，因眼耳口乃是外三寶。 《周易參同契》有雲：耳目口三寶，閉塞勿發揚。《黃帝陰符經》：性有巧拙，可以伏藏，九竅之邪，在乎三要，可以動靜。元朝王道淵注解：“凡遇邪攻九竅，便當運三要以複之。夫惟三要，有內三要，有外三要。內之 https://jesselau.com/traing-eye-21/ Mon, 28 Jan 2019 00:26:15 +1300 https://jesselau.com/traing-eye-21/ 兒子完成生成隨機大寫字符後，我覺得功能還不錯，10紐幣的報酬低了一點，故此又提出一個簡單的job offer。 要求可以選擇小寫字母、數字、特殊字符組合生成一個隨機字符串，開價20紐幣。 兒子欣然接受，半個小時的工作就完成了，歡喜的拿到報酬。 應用過程中，又覺得不太完善，因為用戶選擇的結 https://jesselau.com/python-cookie/ Sun, 27 Jan 2019 00:26:15 +1300 https://jesselau.com/python-cookie/ 這幾天俄羅斯賭場不再發送查詢過來了。 程序用表非善非惡，隻是一個工具，應用之道，存乎一心。 但跨站用表至少是不誠實了，將眾多ip地址訪問的帶寬轉移到其他網站上，累己累彼。 而用本機程序用表，隻是將自己訪問的過程自動化，帶寬均是由本機產生。 想起五十通關文還有數篇就可結束，有發帖的動力。我 https://jesselau.com/traing-eye-2/ Thu, 24 Jan 2019 00:26:15 +1300 https://jesselau.com/traing-eye-2/ 兒子完成練眼力javascript小程序後，運行了幾天。 感覺有一個比較大的缺點，就是如果知道是什麼文字了，意識會幹擾自己的眼力觀察，從而得不到客觀的數據。 基於此，我又提出20紐幣的job offer給12歲的兒子，要求隨機產生數個字母，如此可較準確的得到練眼力的進度。 他磨了兩天完成 https://jesselau.com/django-log/ Mon, 21 Jan 2019 00:26:15 +1300 https://jesselau.com/django-log/ 設置好cookie來阻止俄羅斯某賭場網站盜表後，消停了幾天。 昨天流量又異常了，這哥們卷土重來，哈哈，不由得有點竊喜。 如今對方的流量本人已有了解，絕不可能超出upcloud每月4000GB的帶寬限額，故此有得玩還是不錯的。 用cookie來阻止盜表也不究竟，對方人工來查看的話，可以用 https://jesselau.com/train-eyes/ Sat, 19 Jan 2019 00:26:15 +1300 https://jesselau.com/train-eyes/ 練習了幾天扔掉眼鏡計劃，眼力有了一些進步，以前躺在床上看天花板的視力表，擠眉弄眼也隻能看到第二行，今天擠眉弄眼甚至能看到第五行了。 雖然仍然在近視人員範疇，但羅馬不是一天建成的，如果能持續進步，那就繼續下去。 前幾天通過練眼，想起一個idea，就是通過網站小程序來持續改進，計劃是定製 https://jesselau.com/anti-csrf/ Thu, 17 Jan 2019 00:26:15 +1300 https://jesselau.com/anti-csrf/ 本以為通過增加動態令牌已解決了盜表問題，昨天通過go access分析log，發現又卷土重來。 通過分析來源，基本上可以認定對方是俄羅斯的一家賭場網站，這樣一家名不見經傳的賭博網站，居然輕鬆有幾千萬ip的日流量，看來賭性不獨國人專享，世界各國都流行。 想起百年前叱詫股壇的Jesse Li https://jesselau.com/migrate-from-vultr-to-upcloud/ Tue, 15 Jan 2019 00:26:15 +1300 https://jesselau.com/migrate-from-vultr-to-upcloud/ 解決了盜表問題後，這個老網站就在upcloud安定下來。 用了兩天upcloud，感覺還挺滿意： 速度比較快–目前是感覺，沒有安裝軟件來測試； 服務器配置靈活–可以自己選容量大小，擴容很方便； 價格比Vultr還便宜-同樣40美刀的服務器，4 core，8GB內存， https://jesselau.com/django-cross-site-go-access/ Sat, 12 Jan 2019 00:26:15 +1300 https://jesselau.com/django-cross-site-go-access/ 昨天將本布置於aws的一個老站點轉移到upcloud後，今天看upcloud的帶寬用度，居然也超過了70GB。 肯定是有問題了。以前沒有遇到這事，通過google找到一個log分析器go access，當然還是免費的open source. 在ubuntu上安裝非常方便。 sudo apt-get install goaccess 然後找到nginx的 https://jesselau.com/django-deploy/ Fri, 11 Jan 2019 00:26:15 +1300 https://jesselau.com/django-deploy/ 昨天看了一下aws的賬單，居然一下子衝到了800刀，查了一下report。 發現大筆支出在突然增加的帶寬使用上。Aws的價格以前不覺得，現在看真是巨大，12月居然說有4TB的帶寬使用，帶來了400多美刀的賬單。 應該不至於正常流量超出這麼多，也許有人用惡意代碼刷帶寬，但目前以aws 9 https://jesselau.com/golang-highlight/ Wed, 09 Jan 2019 00:26:15 +1300 https://jesselau.com/golang-highlight/ 有蠻長一段時間沒有學習新知識了。每天鍛煉身體很積極，於世事上就懶懶。 前幾日靜中忽得一句“悶出一條長生路”，不知何意，後估測應是“世人昭昭，我獨昏昏，世人察察，我獨悶悶”那個悶，山木自寇，源泉自盜，巧者勞而智者憂，無能者無所求，飽食遨遊，泛若不係之舟。 然則目前似乎尚不能脫憂而至飽食 https://jesselau.com/javascript-holiday/ Tue, 25 Dec 2018 00:26:15 +1300 https://jesselau.com/javascript-holiday/ 兒子首個獨立完成的編程任務-javascript holiday 這段時間學go語言比較懈怠，好多天沒有學新的。 兒子school holiday期間，給他布置了三個任務，前兩個我給了很大的提示。 第三個基本都是他獨立完成，昨天完成了，樂滋滋的拿了報酬，給他的好朋友買了聖誕節禮物。 因我需要一個簡單的功 https://jesselau.com/go-http-router/ Wed, 05 Dec 2018 00:26:15 +1300 https://jesselau.com/go-http-router/ 傳教士來訪 這幾天沒有更新帖子，因為通過Hugo W3 Simple對css、javascript的技術學習告一段落了。 除了自己讀的通關文，總要有一些其他讀者也願意看的內容，才有些許動力上網碼字。 今天一大早接到敲門，兩位洋人女士，一位稍年長，一位僅20歲出頭。 聖誕季都有這樣的敲門，今年也 https://jesselau.com/anti-adblock/ Sat, 01 Dec 2018 00:26:15 +1300 https://jesselau.com/anti-adblock/ 反反廣告插件? 是的，標題沒有打錯。 IT man的寫法應該加個括號，反（反廣告插件）。 昨天提到了廣告，多年以前對廣告很感興趣，看過好些部經典的寫廣告書籍，如《影響力》、《百萬美元信》等，前幾個月到美帝一遊，看到路邊的招牌，也感覺是個廣告之國。 廣告對市場經濟高速發展起到了一定的作用。不過 https://jesselau.com/eu-cookie-consent/ Fri, 30 Nov 2018 00:26:15 +1300 https://jesselau.com/eu-cookie-consent/ 昨天在Hugo w3 simple模板裏用簡單的代碼實現了基於歐盟cookie法律的瀏覽條提示。 這個cookie law已經存在好幾年了，具體解釋google第一條結果就有一個網站cookielaw.org 其網站是英文的，簡單翻譯來說： Cookie Law Cookie法是一項隱私立法，要求網站獲得訪問者 https://jesselau.com/install-isso-nginx-hugo/ Wed, 28 Nov 2018 03:26:15 +1300 https://jesselau.com/install-isso-nginx-hugo/ 之前用的模板直接采用的是方便內置的disqus評論係統。 但這個disqus有幾個缺點不太喜歡： 帶廣告 加載速度不太快 據說國內用戶無法訪問，隻能翻牆才行 早打算換一個解決方案。 hugo官方推薦了幾個Open Source，看到isso采用sqlite和用python編寫的。 這兩者我都熟。 https://jesselau.com/bit-coin/ Wed, 28 Nov 2018 00:26:15 +1300 https://jesselau.com/bit-coin/ 這個主題源自幾天前看到比特幣又大跌。想起多年前與本世紀最大的鬱金香近距離接觸卻擦肩而過的往事。 鬱金香 鬱金香（經濟學術語），源自17世紀荷蘭的曆史事件。作為人類曆史上有記載的最早的投機活動，荷蘭的“鬱金香泡沫”昭示了此後人類社會的一切投機活動，尤其是金融投機活動中的各種要素和環節： https://jesselau.com/hugo-w3-simple-lazy-load/ Tue, 27 Nov 2018 00:26:15 +1300 https://jesselau.com/hugo-w3-simple-lazy-load/ 幾天前看到一個lazy load的概念，就是用一個小圖先占住大圖的位置，等用戶刷屏瀏覽到圖片位置時再用javascript顯示大圖。 HTML語言就類似下列 Lazy load images <img src="placeholder.svg" data-src="realbig.jpg"> 這個英文專用名詞不太好翻譯，隻記得少年時看過一本書叫《懶尋舊夢錄》，不過隻記得名字了，內容和作者都忘記了。 此名詞不好 https://jesselau.com/hugo-w3-simple-shortcodes-demo/ Sat, 24 Nov 2018 00:26:15 +1300 https://jesselau.com/hugo-w3-simple-shortcodes-demo/ 關於這個模板 Hugo W3-Simple Theme我是先做了個英文版的快捷代碼演示，因為考慮到可能英文用戶會稍微多點，今天有空又更新了一個快捷方式，同時寫一個中文版頁麵吧。 此模板是基於W3schools 的W3.CSS框架做成的，因為我覺得此框架十分有效而且簡潔，比bootstrap的css要小的多。 W3 https://jesselau.com/%E5%85%B1%E4%BA%AB%E6%A2%9D%E8%87%AA%E9%81%A9%E6%87%89%E8%A8%AD%E8%A8%88/ Sat, 24 Nov 2018 00:26:15 +1300 https://jesselau.com/%E5%85%B1%E4%BA%AB%E6%A2%9D%E8%87%AA%E9%81%A9%E6%87%89%E8%A8%AD%E8%A8%88/ 之前寫個一個小帖子來介紹怎麼做左側共享條，我設計這個Hugo模板也采用了同樣的設計。 前兩天有一位國際友人在github上open了一個issue，說是需要修改一下這個共享條的自適應。因為我當時很簡單的處理了一下，當屏幕寬度小於1024px時，自動取消固定在左側的屬性，就放在屏幕下 https://jesselau.com/%E6%BB%91%E5%B1%8F%E9%80%B2%E5%BA%A6%E6%A2%9D%E5%AF%A6%E7%8F%BE/ Fri, 23 Nov 2018 00:26:15 +1300 https://jesselau.com/%E6%BB%91%E5%B1%8F%E9%80%B2%E5%BA%A6%E6%A2%9D%E5%AF%A6%E7%8F%BE/ 經過一個網站，看到滑屏的時候有個進度條提示，似乎挺有效果。記得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來處理滑屏事件 https://jesselau.com/amazon-ec2-cpu%E7%A9%8D%E5%88%86%E4%BD%8E%E5%B0%8E%E8%87%B4%E7%B6%B2%E7%AB%99%E5%B7%A8%E6%85%A2/ Thu, 22 Nov 2018 07:26:15 +1300 https://jesselau.com/amazon-ec2-cpu%E7%A9%8D%E5%88%86%E4%BD%8E%E5%B0%8E%E8%87%B4%E7%B6%B2%E7%AB%99%E5%B7%A8%E6%85%A2/ 前幾天一個主網站巨慢，以為是中了DDoS攻擊，遠程登陸進去，查了半天log，好像也沒有什麼異常。 google找到一個命令，看有否異常的ip地址攻擊 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 也沒發現有超過百位的ip地址。說明並沒有DDoS攻擊。 那怎麼會這麼慢？仔細google了一圈，有一 https://jesselau.com/w3-css%E5%AF%A6%E7%8F%BE%E5%9B%BA%E5%AE%9A%E7%80%8F%E8%A6%BD%E6%A2%9D/ Mon, 19 Nov 2018 07:26:15 +1300 https://jesselau.com/w3-css%E5%AF%A6%E7%8F%BE%E5%9B%BA%E5%AE%9A%E7%80%8F%E8%A6%BD%E6%A2%9D/ 以前學了幾小時boottrap，準備擁抱了，不想沒幾個小時以後，發現W3 CSS代碼更小巧，教程也足夠多。 基於W3 CSS編寫了這個HUGO 模板後，感覺W3 CSS功能確實足夠強了，至少整個中小型網站，CSS方麵應該是完全足夠了。 就用W3 CSS把之前用boottrap弄的固定瀏覽條再弄 https://jesselau.com/%E5%B9%B8%E5%A5%BD%E9%80%99%E6%98%AF%E5%A4%A2%E4%BB%A5%E5%8F%8A%E9%99%B0%E6%83%A1%E9%97%9C/ Mon, 19 Nov 2018 00:00:37 +1300 https://jesselau.com/%E5%B9%B8%E5%A5%BD%E9%80%99%E6%98%AF%E5%A4%A2%E4%BB%A5%E5%8F%8A%E9%99%B0%E6%83%A1%E9%97%9C/ Hugo模板的基本功能全部整完了，又抽空將帖子分成兩個目錄，令其支持雙語言，暫時沒有什麼可改的地方。 看我自己這個github，十幾天前發現Hugo這個工具，就建立了這個模板，13天前發起這個項目，這麼多天有61個commit，就是修改了61次。 Git這個版本管理功能真是獨一無二， https://jesselau.com/pagination-css%E8%A8%AD%E7%BD%AE/ Tue, 13 Nov 2018 00:00:37 +1300 https://jesselau.com/pagination-css%E8%A8%AD%E7%BD%AE/ Hugo W3 Simple的simple list看了幾天，打算變化一下，昨天就整了一個網格版的。 反正用w3 css框架，這些界麵類的東西都非常容易實現。 普通版光列標題，不做分頁也無所謂，事實上我自己就不愛用分頁，google搜索從來都是設置到結果為100，從來不點第二頁，而且因為google https://jesselau.com/nginx-rewrite-url-python%E5%9C%96%E7%89%87%E5%A3%93%E7%B8%AE%E4%BB%A3%E7%A2%BC%E4%BB%A5%E5%8F%8A%E8%87%AA%E6%BB%BF%E9%97%9C/ Mon, 12 Nov 2018 00:00:37 +1300 https://jesselau.com/nginx-rewrite-url-python%E5%9C%96%E7%89%87%E5%A3%93%E7%B8%AE%E4%BB%A3%E7%A2%BC%E4%BB%A5%E5%8F%8A%E8%87%AA%E6%BB%BF%E9%97%9C/ 搜索功能全部搞定，打算將比較難看的/search/?q=blablaURL改成搜索引擎喜歡的/q/blabla 在nginx的conf文件加了這麼幾行 location /q { rewrite ^/q/(.*) /search/?q=$1 break; } 訪問/q/blabla 就轉向到搜索頁麵了。 極簡化博客基本告一段落，今天Hugo的團隊也通知我設計的這個主題模板也將要 https://jesselau.com/%E8%A8%AD%E7%BD%AEmanticoresearch%E6%90%9E%E5%AE%9Ahugo%E7%AB%99%E9%BB%9E%E7%9A%84%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/ Sun, 11 Nov 2018 08:00:37 +1300 https://jesselau.com/%E8%A8%AD%E7%BD%AEmanticoresearch%E6%90%9E%E5%AE%9Ahugo%E7%AB%99%E9%BB%9E%E7%9A%84%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/ 這幾天玩Hugo和git覺得像回到大學時代剛學彙編語言的狀態。也是一種反璞歸真。 Opensource真是含有巨大的寶庫，這種集體的力量逐步演化下去，會對世界人民日後帶來更深遠的影響。 站在git、hugo、manticoresearch等眾多大神的肩膀上，每樣都會點皮毛的我，自覺也 https://jesselau.com/%E7%94%A8git%E7%9A%84webhook%E5%AF%A6%E7%8F%BE%E5%BF%AB%E9%80%9F%E6%9B%B4%E6%96%B0hugo%E7%B6%B2%E7%AB%99/ Thu, 08 Nov 2018 09:26:15 +1300 https://jesselau.com/%E7%94%A8git%E7%9A%84webhook%E5%AF%A6%E7%8F%BE%E5%BF%AB%E9%80%9F%E6%9B%B4%E6%96%B0hugo%E7%B6%B2%E7%AB%99/ 本是負重散步時間，一看天公不作美，飄著幾絲風雨。 還是更新一下帖子吧 現在用Hugo+git+markdown組合，工作效率大幅增加。 閑話揭過，這次就寫一下如何用git的webhook來實現快速更新hugo網頁 此次操作參考了Digital Ocean的一個老帖。 但該帖用服務器再裝一遍H https://jesselau.com/%E5%BE%9Ewordpress%E9%81%B7%E7%A7%BB%E8%87%B3hugo%E4%BB%A5%E5%8F%8A%E4%B8%8D%E4%BF%A1%E9%97%9C/ Thu, 08 Nov 2018 07:26:15 +1300 https://jesselau.com/%E5%BE%9Ewordpress%E9%81%B7%E7%A7%BB%E8%87%B3hugo%E4%BB%A5%E5%8F%8A%E4%B8%8D%E4%BF%A1%E9%97%9C/ 好幾天沒有更新了。不是偷懶，是因為找到一個新玩意:-) 前幾天覺得Wordpress的Elegant模板太過冗餘，css設置起來很多衝突。 打算找一個單純支持W3.css的Wordpress模板。 用Google搜索"w3 css wordpress themes"沒找到什麼Wordpres https://jesselau.com/%E7%B6%B2%E9%A0%81%E5%85%A7%E5%B5%8Cpdf%E6%96%87%E4%BB%B6%E4%BB%A5%E5%8F%8A%E7%94%9F%E6%AD%BB%E9%97%9C/ Wed, 31 Oct 2018 23:17:26 +0000 https://jesselau.com/%E7%B6%B2%E9%A0%81%E5%85%A7%E5%B5%8Cpdf%E6%96%87%E4%BB%B6%E4%BB%A5%E5%8F%8A%E7%94%9F%E6%AD%BB%E9%97%9C/ 打算在網站提供電子書在線閱讀，需要內嵌pdf文件。 看了一下有挺簡單的解決方法，直接用embed采用瀏覽器自帶的pdf閱讀器。 代碼如下： <embed src="https://yourwebsite.com/yourfile.pdf" width="100%" height="500px" type='application/pdf'> 此法簡單，但有以下弱點： 手機瀏覽器不支持 用戶可以隨意打印下載 需要另尋他途。 至從用了Linux係統，進入Open Source的世界，想找什 https://jesselau.com/%E6%93%81%E6%8A%B1bootstrap-4-%E5%85%88%E6%95%B4%E4%B8%80%E5%80%8B%E5%9B%BA%E5%AE%9A%E7%80%8F%E8%A6%BD%E6%A2%9D%E4%BB%A5%E5%8F%8A%E8%BC%95%E6%85%A2%E9%97%9C/ Tue, 30 Oct 2018 08:01:06 +0000 https://jesselau.com/%E6%93%81%E6%8A%B1bootstrap-4-%E5%85%88%E6%95%B4%E4%B8%80%E5%80%8B%E5%9B%BA%E5%AE%9A%E7%80%8F%E8%A6%BD%E6%A2%9D%E4%BB%A5%E5%8F%8A%E8%BC%95%E6%85%A2%E9%97%9C/ 閑逛w3schools發現Bootstrap 4教程。 一看開發的兩位大神也是開發twitter的。 Bootstrap是將javascript和css包裝起來的一個庫。有點像剛開始學編程時的微軟弄的Visual C++的MFC類庫。 當年學這個類庫，將codeguru的MFC子類看得爛熟 https://jesselau.com/javascript%E5%AF%A6%E7%8F%BE%E5%B7%A6%E5%81%B4%E5%85%B1%E4%BA%AB%E6%A2%9D%E4%BB%A5%E5%8F%8A%E6%81%A5%E8%BE%B1%E9%97%9C/ Mon, 29 Oct 2018 09:49:15 +0000 https://jesselau.com/javascript%E5%AF%A6%E7%8F%BE%E5%B7%A6%E5%81%B4%E5%85%B1%E4%BA%AB%E6%A2%9D%E4%BB%A5%E5%8F%8A%E6%81%A5%E8%BE%B1%E9%97%9C/ 前帖話音未落，有點時間，就看看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 https://jesselau.com/%E7%84%A1%E6%8F%92%E4%BB%B6%E5%AF%A6%E7%8F%BE%E5%B7%A6%E5%81%B4%E5%85%B1%E4%BA%AB%E6%A2%9D/ Mon, 29 Oct 2018 06:46:03 +0000 https://jesselau.com/%E7%84%A1%E6%8F%92%E4%BB%B6%E5%AF%A6%E7%8F%BE%E5%B7%A6%E5%81%B4%E5%85%B1%E4%BA%AB%E6%A2%9D/ 共享條本來采用的是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: https://jesselau.com/%E5%90%91google%E5%AD%B8%E7%BF%92%E6%90%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%E5%8A%A0%E9%BB%91%E4%BB%A5%E5%8F%8A%E9%AB%98%E5%A4%A7%E9%97%9C/ Thu, 25 Oct 2018 23:01:33 +0000 https://jesselau.com/%E5%90%91google%E5%AD%B8%E7%BF%92%E6%90%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%E5%8A%A0%E9%BB%91%E4%BB%A5%E5%8F%8A%E9%AB%98%E5%A4%A7%E9%97%9C/ 新的項目弄好了，主要是一個產品的細分搜索。 既然是搜索，就要跟google學習了。 雖然他的量級是大海，我的隻是一滴水，但本質是一樣的。 取法乎上，若得其中也不錯了   感受一下google的搜索，有幾條： 所有鏈接都沒有打開新窗口，記得幾年前Google曾經有打開新窗口。 標題沒有關鍵字加黑 https://jesselau.com/%E9%BB%9E%E6%93%8A%E6%90%9C%E7%B4%A2%E6%A1%86%E9%A1%AF%E7%A4%BA%E7%86%B1%E9%96%80%E6%90%9C%E7%B4%A2%E4%BB%A5%E5%8F%8A%E6%9A%B4%E7%87%A5%E9%97%9C/ Wed, 24 Oct 2018 20:53:22 +0000 https://jesselau.com/%E9%BB%9E%E6%93%8A%E6%90%9C%E7%B4%A2%E6%A1%86%E9%A1%AF%E7%A4%BA%E7%86%B1%E9%96%80%E6%90%9C%E7%B4%A2%E4%BB%A5%E5%8F%8A%E6%9A%B4%E7%87%A5%E9%97%9C/ 又想起一個idea，點擊搜索條顯示幾個推薦搜索。 搜了幾個Wordpress插件，都不能滿足本人的要求。 隻好自己解決了。 從最本質的地方思考，觸發點擊搜索框的就是onfocus，然後做一個Div,平時是不顯示的，觸發onfocus的時候顯示。 最開始搜到的解決方法是直接用css來觸發f https://jesselau.com/%E5%AE%89%E8%A3%9Dimagemagick%E5%A3%93%E7%B8%AE%E5%9C%96%E7%89%87%E6%8F%90%E9%AB%98%E7%B6%B2%E9%80%9F%E4%BB%A5%E5%8F%8A%E6%89%8D%E6%99%BA%E9%97%9C/ Mon, 22 Oct 2018 22:51:50 +0000 https://jesselau.com/%E5%AE%89%E8%A3%9Dimagemagick%E5%A3%93%E7%B8%AE%E5%9C%96%E7%89%87%E6%8F%90%E9%AB%98%E7%B6%B2%E9%80%9F%E4%BB%A5%E5%8F%8A%E6%89%8D%E6%99%BA%E9%97%9C/ 新項目基本功能調試好了，到Google Speed Insights一看，評分沒有到80分以上。 主要是圖片比較多，Google認為我之前的壓縮率不高。 之前的21個插件之一的圖片優化插件用於個人博客，圖片量不多的尚可，現在過萬張圖片，那個插件需要遠程傳到他自己的圖片優化服務器處理後再回傳，浪費 https://jesselau.com/%E4%BB%A4bloom%E6%8F%92%E4%BB%B6%E6%94%AF%E6%8C%81google-recaptcha%E4%BB%A5%E5%8F%8A%E5%AB%89%E5%A6%92%E9%97%9C/ Mon, 22 Oct 2018 01:04:33 +0000 https://jesselau.com/%E4%BB%A4bloom%E6%8F%92%E4%BB%B6%E6%94%AF%E6%8C%81google-recaptcha%E4%BB%A5%E5%8F%8A%E5%AB%89%E5%A6%92%E9%97%9C/ 備份解決了，心內仍然有點猶豫。 細觀之，是擔心引流量後鋪天蓋地的垃圾郵件注冊。 我這個博客沒有任何主動導入的流量，每天也有幾十個垃圾郵件注冊，弄得還得花時間維護。 Bloom插件用於吸引郵件列表，也是Elegant Themes公司的產品。因為本身是其會員，故此該插件和Divi、Extr https://jesselau.com/%E5%91%BD%E4%BB%A4%E8%A1%8C%E4%B8%8A%E5%82%B3%E5%82%99%E4%BB%BD%E5%88%B0google-drive/ Sun, 21 Oct 2018 04:47:39 +0000 https://jesselau.com/%E5%91%BD%E4%BB%A4%E8%A1%8C%E4%B8%8A%E5%82%B3%E5%82%99%E4%BB%BD%E5%88%B0google-drive/ 手上項目基本完成了，準備引流量過去時心有所感。 暫停一下，思考了一下項目種種，思及前次Vultr備份出了問題的狀況。打算再尋一個獨立的備份方案。 正好前一陣子收到GOOGLE發來的G SUITE的推銷郵件，除了獨立域名的郵件外，還有一個最吸引我的是其無限量的雲硬盤服務。 10美元/月就可 https://jesselau.com/%E7%94%A8divi%E6%8C%89%E9%88%95%E4%BB%A4pdf%E6%96%87%E4%BB%B6%E9%8F%88%E6%8E%A5%E5%BC%B7%E8%A3%BD%E4%B8%8B%E8%BC%89/ Fri, 19 Oct 2018 21:00:07 +0000 https://jesselau.com/%E7%94%A8divi%E6%8C%89%E9%88%95%E4%BB%A4pdf%E6%96%87%E4%BB%B6%E9%8F%88%E6%8E%A5%E5%BC%B7%E8%A3%BD%E4%B8%8B%E8%BC%89/ 新項目中，提供免費PDF文件下載。 然則放上一個PDF鏈接，直接點擊後仍然保持在瀏覽器中，用戶需要在瀏覽器再選擇下載。這個用戶體驗不佳，在UX的報告Top 10 Mistakes in Web Design排名第二。 Google了一下解決方案。 用HTML5的download屬性加入到鏈接，就可以強製用戶下載了。 但 https://jesselau.com/ubuntu%E4%B8%8B%E5%AE%89%E8%A3%9Drenameutils%E6%89%B9%E9%87%8F%E6%94%B9%E5%90%8D%E4%BB%A5%E5%8F%8A%E5%82%B2%E6%B0%A3%E9%97%9C/ Thu, 18 Oct 2018 22:45:32 +0000 https://jesselau.com/ubuntu%E4%B8%8B%E5%AE%89%E8%A3%9Drenameutils%E6%89%B9%E9%87%8F%E6%94%B9%E5%90%8D%E4%BB%A5%E5%8F%8A%E5%82%B2%E6%B0%A3%E9%97%9C/ 批量處理了幾十個文件加水印後，需要批量改名，因為下載的轉售權文件名字都帶了PSD字樣。 又祭起萬能的Google，馬上發現一個帖子。 該帖子用gif動畫介紹了renameutils，看上去很不錯的樣子。 安裝一下： sudo apt-get update sudo apt-get install renameutils cd到準備批量處理的文件夾運行： qmv -f do 立馬就打開了最常用的 https://jesselau.com/%E7%94%A8gimp%E7%B5%A6%E5%9C%96%E5%BD%A2%E6%96%87%E4%BB%B6%E6%89%B9%E9%87%8F%E5%8A%A0%E6%B0%B4%E5%8D%B0%E4%BB%A5%E5%8F%8A%E6%A6%AE%E8%B2%B4%E9%97%9C/ Thu, 18 Oct 2018 21:08:40 +0000 https://jesselau.com/%E7%94%A8gimp%E7%B5%A6%E5%9C%96%E5%BD%A2%E6%96%87%E4%BB%B6%E6%89%B9%E9%87%8F%E5%8A%A0%E6%B0%B4%E5%8D%B0%E4%BB%A5%E5%8F%8A%E6%A6%AE%E8%B2%B4%E9%97%9C/ 現在采用Ubuntu係統，用免費Open source的GIMP軟件來簡單的處理圖片。 今天需要給很多圖片加上網站的水印。 以前在|Windows下有相關的軟件，但這次在Linux係統下，不知有沒有。 Google了一圈，發現了一個github項目BIMP 安裝一下目前的1.18版本： sudo apt-get https://jesselau.com/%E8%B2%A1%E9%81%8B%E8%A7%80%E7%85%A7%E4%BB%A5%E5%8F%8A%E8%B2%A1%E5%88%A9%E9%97%9C/ Thu, 18 Oct 2018 06:53:27 +0000 https://jesselau.com/%E8%B2%A1%E9%81%8B%E8%A7%80%E7%85%A7%E4%BB%A5%E5%8F%8A%E8%B2%A1%E5%88%A9%E9%97%9C/ 開始觀照賭運，以bet365的輪盤為格物對象。 起始點1000個單元 2018-09-29 戊戌【狗】年 辛酉月 甲子日 熱數為7，采用先19然後跟7和31的策略。沒有一次贏過，居然到最後一次，隻剩一個籌碼已改換投street時，出了7。虧損100個單元。目前900單元 2018-09-30 戊戌【狗】年 辛酉月 乙醜日 采用熱數8,投 https://jesselau.com/%E8%A8%98%E9%8C%84%E4%B8%80%E4%BA%9B%E4%BB%A3%E7%A2%BC%E5%BA%AB%E5%8D%83%E8%A3%8F%E4%B9%8B%E8%A1%8C%E5%A7%8B%E6%96%BC%E8%B6%B3%E4%B8%8B%E4%BB%A5%E5%8F%8A%E7%95%8F%E9%9B%A3%E9%97%9C/ Tue, 16 Oct 2018 21:14:54 +0000 https://jesselau.com/%E8%A8%98%E9%8C%84%E4%B8%80%E4%BA%9B%E4%BB%A3%E7%A2%BC%E5%BA%AB%E5%8D%83%E8%A3%8F%E4%B9%8B%E8%A1%8C%E5%A7%8B%E6%96%BC%E8%B6%B3%E4%B8%8B%E4%BB%A5%E5%8F%8A%E7%95%8F%E9%9B%A3%E9%97%9C/ 此貼記錄一些代碼函數 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 https://jesselau.com/%E4%BF%AE%E6%94%B9extra%E5%AD%90%E6%A8%A1%E6%9D%BF%E5%9C%A8%E4%B8%BB%E8%8F%9C%E5%96%AE%E6%AC%84%E4%B8%AD%E9%96%93%E5%A2%9E%E5%8A%A0%E9%A1%9Eamazon%E7%9A%84%E6%90%9C%E7%B4%A2%E6%A2%9D%E4%BB%A5/ Fri, 12 Oct 2018 21:53:30 +0000 https://jesselau.com/%E4%BF%AE%E6%94%B9extra%E5%AD%90%E6%A8%A1%E6%9D%BF%E5%9C%A8%E4%B8%BB%E8%8F%9C%E5%96%AE%E6%AC%84%E4%B8%AD%E9%96%93%E5%A2%9E%E5%8A%A0%E9%A1%9Eamazon%E7%9A%84%E6%90%9C%E7%B4%A2%E6%A2%9D%E4%BB%A5/ 現在的一個項目中，打算突出搜索功能，但Extra模板的搜索條很小，需要定製。 觀察了一下各大網站，覺得Amazon的搜索條不錯。 打算也整一個類似的。就一個logo右邊來一個搜索條，然後右邊再一個鏈接。 需要修改Extra模板源代碼，那就先建一個子模板目錄 sudo mkdir /var/www/yourwebsite.com/wp-content/themes/Extra-child 這個目錄放兩個文件。 一個 https://jesselau.com/%E8%A8%98%E9%8C%84%E4%B8%80%E4%BA%9Bubuntu%E5%91%BD%E4%BB%A4%E4%BB%A5%E5%8F%8A%E8%89%B2%E8%BA%AB%E9%97%9C/ Wed, 10 Oct 2018 00:43:27 +0000 https://jesselau.com/%E8%A8%98%E9%8C%84%E4%B8%80%E4%BA%9Bubuntu%E5%91%BD%E4%BB%A4%E4%BB%A5%E5%8F%8A%E8%89%B2%E8%BA%AB%E9%97%9C/ 現在還記得初中化學老師經常講的一句話“好記憶不如爛筆頭”。 目前感覺記性也屬於一般化，故此需要用博客這個爛筆頭經常記錄一下 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 https://jesselau.com/%E7%8E%A9%E7%8E%A9python%E5%85%A9%E5%A4%A7%E7%88%AC%E8%9F%B2%E5%88%A9%E5%99%A8seleniumbeautiful-soup%E4%BB%A5%E5%8F%8A%E8%91%97%E7%A9%BA%E9%97%9C%E5%91%BD%E9%81%8B%E8%BC%AA%E7%9B%A4/ Mon, 08 Oct 2018 01:33:49 +0000 https://jesselau.com/%E7%8E%A9%E7%8E%A9python%E5%85%A9%E5%A4%A7%E7%88%AC%E8%9F%B2%E5%88%A9%E5%99%A8seleniumbeautiful-soup%E4%BB%A5%E5%8F%8A%E8%91%97%E7%A9%BA%E9%97%9C%E5%91%BD%E9%81%8B%E8%BC%AA%E7%9B%A4/ 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 https://jesselau.com/vultr%E6%9C%8D%E5%8B%99%E5%99%A8%E5%8D%87%E7%B4%9A%E5%87%BA%E9%8C%AF%E7%84%A1%E6%B3%95%E8%A8%AA%E5%95%8F%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%A1%88%E4%BB%A5%E5%8F%8A%E6%87%B8%E8%99%9B%E9%97%9C%E5%88%B0/ Fri, 05 Oct 2018 22:09:21 +0000 https://jesselau.com/vultr%E6%9C%8D%E5%8B%99%E5%99%A8%E5%8D%87%E7%B4%9A%E5%87%BA%E9%8C%AF%E7%84%A1%E6%B3%95%E8%A8%AA%E5%95%8F%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%A1%88%E4%BB%A5%E5%8F%8A%E6%87%B8%E8%99%9B%E9%97%9C%E5%88%B0/ 昨天盤算了一下後一項目需要至少20GB的文件存儲空間。 而之前采用的是Vultr 5美元每月的VPS，隻有25GB空間容量。這明顯不能滿足要求了。 這就隻能再升級，不由得心裏唱起"Money money money"。 再換一個洛杉磯的60GB容量吧。成本一下子提高到了20美金每月   直接點升級，然後 https://jesselau.com/%E8%8B%9F%E6%97%A5%E6%96%B0%E6%97%A5%E6%97%A5%E6%96%B0%E5%8F%88%E6%97%A5%E6%96%B0%E4%BB%A5%E5%8F%8A%E6%87%B6%E6%83%B0%E9%97%9C/ Wed, 03 Oct 2018 23:00:57 +0000 https://jesselau.com/%E8%8B%9F%E6%97%A5%E6%96%B0%E6%97%A5%E6%97%A5%E6%96%B0%E5%8F%88%E6%97%A5%E6%96%B0%E4%BB%A5%E5%8F%8A%E6%87%B6%E6%83%B0%E9%97%9C/ 今早boss開了一句玩笑，你這個搜索引擎（指的是manticore search）怎麼弄了好幾天了，不符合你的風格啊。 真的啊。第一篇是9.30日完成，第二篇是今日10.4日完成。 寫第二篇時本來以為隻有兩天的間隔，現在居然間隔了4天。 不在於2或4天數量，而在於居然沒有自省到超出了自己 https://jesselau.com/%E5%BE%9E%E5%88%A5%E6%8A%8A%E8%87%AA%E5%B7%B1%E5%A4%AA%E7%95%B6%E4%BA%BA%E5%88%B0%E7%84%A1%E6%88%91%E7%9B%B8%E5%86%8D%E5%BE%9E%E8%96%9B%E5%AE%9A%E8%AB%A4%E7%9A%84%E8%B2%93/ Fri, 28 Sep 2018 00:27:26 +0000 https://jesselau.com/%E5%BE%9E%E5%88%A5%E6%8A%8A%E8%87%AA%E5%B7%B1%E5%A4%AA%E7%95%B6%E4%BA%BA%E5%88%B0%E7%84%A1%E6%88%91%E7%9B%B8%E5%86%8D%E5%BE%9E%E8%96%9B%E5%AE%9A%E8%AB%A4%E7%9A%84%E8%B2%93/ 這個主題也是源自這兩天的新聞，前兩天一個國企某科研人員辭職的故事刷屏了，說影響登月計劃雲雲。 我出國前身在國企多年，深知國企的“傳幫帶”係統下，某個人的力量其實很有限，靠的是集體協作的力量。 當年離職時，自以為業務水平還是尚可，至少第一個月會有單位同事詢問離職後業務相關事宜，結果完全 https://jesselau.com/%E5%90%BE%E6%9C%89%E4%B8%80%E7%AD%96%E5%8F%AF%E5%B1%8F%E8%94%BD%E9%81%8E%E7%99%BE%E8%90%AC%E4%B8%8D%E5%8F%AF%E6%8F%8F%E8%BF%B0%E7%B6%B2%E7%AB%99%E5%8A%A9%E5%B0%91%E5%B9%B4%E4%BA%BA/ Thu, 06 Sep 2018 00:49:23 +0000 https://jesselau.com/%E5%90%BE%E6%9C%89%E4%B8%80%E7%AD%96%E5%8F%AF%E5%B1%8F%E8%94%BD%E9%81%8E%E7%99%BE%E8%90%AC%E4%B8%8D%E5%8F%AF%E6%8F%8F%E8%BF%B0%E7%B6%B2%E7%AB%99%E5%8A%A9%E5%B0%91%E5%B9%B4%E4%BA%BA/ 這個主題源於前兩天的大八卦，某著名上市公司老總百億級別富翁因女色被美國某地警察局短期拘留，此事是非真假，自有後期新聞報道，本博也不欲置評。 寫博客於本人來說，最大的目地是在於借每日生活點滴梳理文字，可以在寫作中達到“日三省吾身”的效果，而博客的社交功能尚在其次。目前看來，效果還是很