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

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

從Wordpress遷移至Hugo以及不信關

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

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

打算在網站提供電子書在線閱讀，需要內嵌pdf文件。 看了一下有挺簡單的解決方法，直接用embed采用瀏覽器自帶的pdf閱讀器。 代碼如下： <embed src="https://yourwebsite.com/yourfile.pdf" width="100%" height="500px" …

來如流水兮逝如風，不知何處來兮何所終。

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

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

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

前帖話音未落，有點時間，就看看javascript怎麼做。 也十分簡單。 將php那段代碼更改如下： <script> shareurl=encodeURIComponent(location.protocol + '//' + location.host + location.pathname); …

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

共享條本來采用的是Elegant Themes公司的Monarch插件。 但很奇怪的是它不支持分類目錄和搜索頁麵的共享。 打算自己從最基礎的需求開始做一個。w3school就有一個左側共享條的例子 拿來用一下，先增加css .icon-bar { position: fixed; top: 50%; …

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

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

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

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

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

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

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

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

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

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