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

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

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

經過一個網站，看到滑屏的時候有個進度條提示，似乎挺有效果。記得w3school曾經講過這個。 稍加修改，做在我這個模板裏麵。 滑屏進度條實現 先設置css .progress-container { display:none; position: fixed; top: 0; z-index: 1; …

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

前幾天一個主網站巨慢，以為是中了DDoS攻擊，遠程登陸進去，查了半天log，好像也沒有什麼異常。 google找到一個命令，看有否異常的ip地址攻擊 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 也沒 …

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

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

幸好這是夢以及陰惡關

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

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

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

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

搜索功能全部搞定，打算將比較難看的/search/?q=blablaURL改成搜索引擎喜歡的/q/blabla 在nginx的conf文件加了這麼幾行 location /q { rewrite ^/q/(.*) /search/?q=$1 break; } 訪問/q/blabla 就轉向到搜索頁麵 …

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

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

用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" …

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