Hugo W3 Simple主題快捷代碼演示以及因果關
關於這個模板 Hugo W3-Simple Theme我是先做了個英文版的快捷代碼演示，因為考慮到可能英文用戶會稍微多點，今天有空又更新了一個快捷方式，同時寫一個中文版頁麵吧。 此模板是基於W3schools 的W3.CSS框架做成的，因為我覺得此框架十分有效而且簡潔，比bootstrap的css要 …
6 分鐘
行路證道
57 篇文章
共享條自適應設計以及冷熱關
之前寫個一個小帖子來介紹怎麼做左側共享條，我設計這個Hugo模板也采用了同樣的設計。 前兩天有一位國際友人在github上open了一個issue，說是需要修改一下這個共享條的自適應。因為我當時很簡單的處理了一下，當屏幕寬度小於1024px時，自動取消固定在左側的屬性，就放在屏幕下
4 分鐘
滑屏進度條實現以及誇揚關
經過一個網站，看到滑屏的時候有個進度條提示，似乎挺有效果。記得w3school曾經講過這個。 稍加修改，做在我這個模板裏麵。 滑屏進度條實現 先設置css .progress-container { display:none; position: fixed; top: 0; z-index: 1; …
3 分鐘
Amazon EC2 CPU積分低導致網站巨慢以及不久關
前幾天一個主網站巨慢，以為是中了DDoS攻擊，遠程登陸進去，查了半天log，好像也沒有什麼異常。 google找到一個命令，看有否異常的ip地址攻擊 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 也沒 …
4 分鐘
幸好這是夢以及陰惡關
Hugo模板的基本功能全部整完了，又抽空將帖子分成兩個目錄，令其支持雙語言，暫時沒有什麼可改的地方。 看我自己這個github，十幾天前發現Hugo這個工具，就建立了這個模板，13天前發起這個項目，這麼多天有61個commit，就是修改了61次。 Git這個版本管理功能真是獨一無二，
3 分鐘
Pagination CSS設置自適應以及懦弱關
Hugo W3 Simple的simple list看了幾天，打算變化一下，昨天就整了一個網格版的。 反正用w3 css框架，這些界麵類的東西都非常容易實現。 普通版光列標題，不做分頁也無所謂，事實上我自己就不愛用分頁，google搜索從來都是設置到結果為100，從來不點第二頁，而且因為google
5 分鐘
Nginx rewrite URL, Python圖片壓縮代碼以及自滿關
搜索功能全部搞定，打算將比較難看的/search/?q=blablaURL改成搜索引擎喜歡的/q/blabla 在nginx的conf文件加了這麼幾行 location /q { rewrite ^/q/(.*) /search/?q=$1 break; } 訪問/q/blabla 就轉向到搜索頁麵 …
4 分鐘
Video
設置Manticoresearch搞定Hugo站點的搜索引擎以及口舌關
這幾天玩Hugo和git覺得像回到大學時代剛學彙編語言的狀態。也是一種反璞歸真。 Opensource真是含有巨大的寶庫，這種集體的力量逐步演化下去，會對世界人民日後帶來更深遠的影響。 站在git、hugo、manticoresearch等眾多大神的肩膀上，每樣都會點皮毛的我，自覺也
5 分鐘
用git的webhook實現快速更新Hugo網站以及恩愛關
本是負重散步時間，一看天公不作美，飄著幾絲風雨。 還是更新一下帖子吧 現在用Hugo+git+markdown組合，工作效率大幅增加。 閑話揭過，這次就寫一下如何用git的webhook來實現快速更新hugo網頁 此次操作參考了Digital Ocean的一個老帖。 但該帖用服務器再裝一遍H
5 分鐘
網頁內嵌pdf文件以及生死關
打算在網站提供電子書在線閱讀，需要內嵌pdf文件。 看了一下有挺簡單的解決方法，直接用embed采用瀏覽器自帶的pdf閱讀器。 代碼如下： <embed src="https://yourwebsite.com/yourfile.pdf" width="100%" height="500px" …
3 分鐘
Javascript實現左側共享條以及恥辱關
前帖話音未落，有點時間，就看看javascript怎麼做。 也十分簡單。 將php那段代碼更改如下： <script> shareurl=encodeURIComponent(location.protocol + '//' + location.host + location.pathname); …
3 分鐘
點擊搜索框顯示熱門搜索以及暴燥關
又想起一個idea，點擊搜索條顯示幾個推薦搜索。 搜了幾個Wordpress插件，都不能滿足本人的要求。 隻好自己解決了。 從最本質的地方思考，觸發點擊搜索框的就是onfocus，然後做一個Div,平時是不顯示的，觸發onfocus的時候顯示。 最開始搜到的解決方法是直接用css來觸發f
3 分鐘