書影怡情

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

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

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

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

從Wordpress遷移至Hugo以及不信關

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

現在還記得初中化學老師經常講的一句話“好記憶不如爛筆頭”。 目前感覺記性也屬於一般化，故此需要用博客這個爛筆頭經常記錄一下 1.修改文件屬性 sudo chown www-data:www-data -R * sudo find . -type d -exec chmod 755 {} \; …

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

Python用於內容獲取真是太好用，早幾年知道這個工具，還學什麼windows下的delphi、VC之流。 Selenium可以使得Python可以自動模擬瀏覽器瀏覽網站。安裝命令： sudo pip3 install selenium 比如一個網站截圖，數行代碼足以搞定 from selenium …