wordpress on

從Wordpress遷移至Hugo以及不信關

Thu, 08 Nov 2018 07:26:15 +1300

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

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

Thu, 25 Oct 2018 23:01:33 +0000

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

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

Wed, 24 Oct 2018 20:53:22 +0000

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

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

Mon, 22 Oct 2018 01:04:33 +0000

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

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

Fri, 19 Oct 2018 21:00:07 +0000

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

記錄一些代碼庫，千裏之行始於足下以及畏難關

Tue, 16 Oct 2018 21:14:54 +0000

此貼記錄一些代碼函數 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

修改Extra子模板，在主菜單欄中間增加類Amazon的搜索條以及窮困關

Fri, 12 Oct 2018 21:53:30 +0000

現在的一個項目中，打算突出搜索功能，但Extra模板的搜索條很小，需要定製。觀察了一下各大網站，覺得Amazon的搜索條不錯。打算也整一個類似的。就一個logo右邊來一個搜索條，然後右邊再一個鏈接。需要修改Extra模板源代碼，那就先建一個子模板目錄 sudo mkdir /var/www/yourwebsite.com/wp-content/themes/Extra-child 這個目錄放兩個文件。一個

深入Wordpress數據庫結構，研究一下用Python程序發帖

Sun, 07 Oct 2018 02:20:46 +0000

學了Python，感覺這個語言用起來更順手。各類的代碼庫也非常全，用來做內容獲取再好不過了。可是如果要在前端顯示出來，就需要用Django或者Flash那種平台，學習周期也比較長。現在用Wordpress玩博客，感覺如果優化配置好了，MySQL也沒有傳說中的效率那麼差，且Word

將Manticore Search與Wordpress數據庫結合起來

Wed, 03 Oct 2018 21:36:51 +0000

前兩天安裝了Manticore Search，但隻是根據其安裝說明測試了一下，還沒有完全了解其概念。今天又學習了一下，他的概念是將慢速的數據庫內容存在其內，然後用其高速算法檢索出id，再正常的應用即可。這樣我就再做一個配置文件 sudo nano sphinx.conf 貼上下列內容: # # INDEX GROUP: # MY BLOG # # SOURCES: # src_my_blog # # INDEXES: # idx_blog #

安裝測試Manticore Search

Sun, 30 Sep 2018 00:21:03 +0000

最近有個項目腹案。打算就用Wordpress作為前端，用Python作為後台提供內容。但是Wordpress的搜索功能不夠強大，速度也非常慢。如果貿然用不成熟的技術上新網站新項目，隻會起到事倍功半的反效果。我這個博客就是用來做各類技術練手之用，通過這博客一步步實現，就能令自己的“

Wordpress前端+Python後台有機結合做一個今日熱數的插件

Sat, 29 Sep 2018 04:37:03 +0000

今天是甲子日，打算開始進行財運的觀照之旅。擬借某在線平台的輪盤作為實驗對象，而根據本人的帖子幸存者偏差、彩票偏向是不可能根據實時出來的數字來頭上安頭來預測結果的。但是可以參考大數據的數字分布來設定一個固定的策略來盡量發揮自身的財運。想到一個方式，就是測試當天的隨機10000個數字

發布第一個Wordpress插件，在編輯器添加尋找替換功能按鈕

Mon, 24 Sep 2018 22:54:41 +0000

這兩天編輯帖子，有了一個新的需求。 Wordpress編輯器目前沒有尋找替換功能。而這項功能對我來說很有用處，因為經常帖代碼，用的是一個引文的按鈕，但每次都必須回到TEXT方式下加上<pre>的標簽，不然代碼會被Wordpress編輯器自動轉成中文字符。故此需要一個批量

用Extra模板重裝修網站、搞定Polylang與Extra不兼容問題、在AMP頁麵上安裝ADSENSE代碼

Sat, 22 Sep 2018 23:24:42 +0000

前天到elegantthemes的網站上逛了逛，發現他們除了DIVI以外，還有一個Extra模板。號稱是針對博客網站開發的。排版方式類似於西方的雜誌排版。且菜單比之DIVI更為摩登現代。好，既然我的會員資格涵蓋了這個模板，我就用這個重新“裝修”一下網站。 Wordpress的裝修很

通過Divi子模板更改內核文件在搜索和標簽雲頁麵增加read more連接

Tue, 18 Sep 2018 22:00:43 +0000

Divi模板很不錯，但是他的創始人可能也是有一個“不要賺到盡”的哲學。有些地方我懷疑是他故意留下來的破綻。比如他的搜索和tag頁麵，為什麼不缺省的作上read more連接呢。到其論壇去找到解決方案。將divi目錄下的index.php文件，找到54行，更改為： truncate_post( 270 ); printf( ' <a href="%1$s" class="more-link" >%2$s</a>' ,

玩玩CSS給網站美美容以及在Wordpress中帖高亮易讀的代碼

Tue, 18 Sep 2018 00:30:21 +0000

昨天裝了視頻界麵後，覺得網站頁麵也幹巴巴的對鼠標也沒有什麼互動。決定給網站增加點特效。 CSS 層疊樣式表 (Cascading Style Sheets)真是一個偉大的發明。找到樣式id後，可以隨心所欲的控製，使得網站的設計有了無限的可能性。好，玩了一陣子，就是現在網站這個樣子。打算將代碼帖出來存檔並且能供大家參考。

用Divi模板、FFMPEG玩轉首頁視頻背景

Sun, 16 Sep 2018 23:26:03 +0000

這幾天看首頁兩張圖有點膩了。準備上傳一個小視頻作為背景。這個可能對網頁速度有比較大的影響，不過這個網站本來就是要多經曆事情“乾坤遍曆”而設定的，所以測試一下也無妨。隨手在手機裏找到一個視頻，拍的是從新西蘭著名的蒂卡普湖（Lake Tekapo）到瓦納卡途中一段風景。蒂卡普湖是南半球

盤點本博安裝激活的21個Wordpress插件

Sun, 16 Sep 2018 04:40:18 +0000

不知不覺間，從上月底開始重啟博客以來，已經更換了Divi商業模板，今天一看，已經安裝激活了21個wordpress插件。 21是一個玄數，故此就在此時盤點一下。這些插件都是博客運行過程中，突然迸出一些想法或者需求，通過google找到的，雖然有部分有商業功能，但本博目前全部是運行的

足彩賠率反推返現率、資金比例計算器以及在Wordpress頁麵添加javascript代碼

Fri, 14 Sep 2018 23:08:39 +0000

昨天寫100倍域名估值、幸存者偏差、彩票偏向及人定勝天時，有個足彩的賠率計算，一個個代入比較麻煩，打算用javascript做一個簡單的計算器。足彩賠率反推返現率、資金比例計算器如下：請輸入賠率：勝賠率: 平賠率: 負賠率: 計算代碼很簡單,但加入到wordpress出了些問題。 wor

優化配置Wordpress和Nginx降低服務器響應時間，最便宜服務器跑多插件大模板網站

Mon, 10 Sep 2018 02:53:24 +0000

昨天兒子按照前麵我寫的教程作出了人生第一個博客，教程參見八步教程 – 從零基礎到2小時建立Google PageSpeed Insights100分、安全度A級的博客站點平台接下來的問題雖然他還沒有遇到，但我卻早有先見。因為打算服務器的費用由他自己想辦法賺錢支付，目前讓他采購的是Vultr最便宜的服務器

運用商業模板Divi打造漂亮博客

Mon, 03 Sep 2018 22:29:57 +0000

給兒子寫完長貼2小時打造基本功能齊全的Wordpress博客平台後，發現首頁不太美觀，因為是采用的博客模式，打開首頁就是這麼長的一個技術貼，對技術貼沒有興趣的朋友就不方便了。好吧，那我還是用Divi生成一個方便瀏覽的首頁吧。 Divi是ElegantThemes公司出品的商業模板係

八步教程 - 從零基礎到2小時建立Google PageSpeed Insights100分、安全度A級的博客站點平台

Sun, 02 Sep 2018 04:36:57 +0000

11歲半的兒子周五從學校回來，看到他老爸我的這個博客，說“我也想做個blog”，孩子的想法和熱情要鼓勵，前麵寫的一段段技術文章，不太係統，不容易讓基本零基礎的小朋友模仿學習。前麵自己作的過程中沒有截圖記錄，現在要還原操作過程還有點難度。這樣的話，決定用一個閑置域名fxdiary.

加入翻譯插件、盤點博客的經濟帳

Thu, 30 Aug 2018 00:05:34 +0000

想起以後說不定有國際友人來到這個博客，本想做一個英文版，但自己實在沒有熱情來翻譯，隨手google了一個插件Google Language Translator，設置十分簡單，隨手選了幾種語言，就裝在邊欄上了，試了一下，很方便，google的速度也很快，看英文版的翻譯質量也比數年前大幅提升。由此，

三生萬物-由手機自適應修改引發的問題及解決方案

Tue, 28 Aug 2018 23:41:58 +0000

用手機模擬測試網站測試，發現標題沒有很好的自適應手機屏幕。用三星屏幕模擬，發現用戶必須左右移動方可閱讀這個是模板的問題了，立馬上Elegant Themes網站搜索有沒有同樣問題，找到一個解決方案。在custom css上增加如下幾行： #posts .post .no_thumb { width: auto !important; } 再去測試，沒變化，嗯，因為為

提高用戶體驗度-增加相關文章鏈接-設立速回按鈕

Tue, 28 Aug 2018 08:29:29 +0000

Google大金主的Pagespeed Insights弄到90分以上了，至少不會因為網速的原因扣搜索引擎排名的分數。現在就著手提高用戶體驗度，因為訪客方便瀏覽，會閱讀更多的文章，駐留時間更長，這樣google就會在搜索引擎的權重上增加比分。

自己以“遊客”的視角代入，檢查初始網站。

首先初始版本的文章圖片比較多，文章看完需要刷到很長的屏幕，而主要鏈接都在上方，故此加一個漂亮的速回按鈕是必要的，Wordpress很輕鬆找到一個插件WPFront Scroll Top，輕鬆設置一下，選了一個按鈕，這個功能就1分鍾搞定了。

我的審美觀選了現在的按鈕，如果你們喜歡下麵其他的按鈕，可以留言投票，看看是否更好 :-)

另外到了頁麵底端加幾個相關文章鏈接也不錯。故此又裝了一個插件Contextual Related Posts。想起每頁的版權聲明，可以一次設好，以後自動添加就可以，又安裝一個插件Add Widget After Content

通過設置Add Widget After Content，在widget中增加了一段版權聲明的HTML語言如下

通過這兩個插件，每篇文章後麵自動會顯示版權聲明及相關文章鏈接

優化網站Pagespeed Insights分數提到到90以上

Tue, 28 Aug 2018 01:08:48 +0000

昨天大體全部弄好基本功能後，交給Google Pagespeed Insights審核，結果不佳。

今早一步步處理。

先看一下優化前的分數

隻有58分，一大把建議，依次解決。首先是要解決壓縮問題

通過google，了解nginx的設置，設置如下

用編輯器打開nginx設置文件

sudo nano /etc/nginx/nginx.conf

找到gzip字樣，將幾個gzip選項全部打開，如下

gzip on;

gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

接下來有個cache的建議，有些不變的文件如字體、圖片、video等可以設置長的過期時間，用戶再訪問網站時就不必刷新了。

Google找到一個字體文件需要設置。初時我用以前apache2的處理方法，設置.htaccess文件，結果怎麼測試也沒變化，再一google，原來nginx完全不用.htaccess文件。需要編輯虛擬主機文件

sudo nano /etc/nginx/sites-available/jesselau.com

加上這麼幾行

location ~* \.(css|gif|ico|jpeg|jpg|js|png|woff)$ {
expires max;
log_not_found off;
}

存盤重啟nginx

sudo service nginx restart

下一個建議是清除首屏內容中呈現的Javascript和CSS，什麼意思呢。就是現在偏重於手機瀏覽的優化，要求在首屏內容出現前盡量將網頁內容減小，在不影響視覺的情況下延後或異步運行javascript和css

繼續google找到兩個插件Async JavaScript和Speed Up - Optimize CSS Delivery，這樣我的常用插件又多了兩個成員，升級到5員。

網站初步完成，再去Google PageSpeed Insights審核

Mon, 27 Aug 2018 07:05:51 +0000

經過這幾天有一搭沒一搭的邊寫帖子邊修改，此博客基本框架已經都有了，也滿足了近年來網站的基本要求。

有了ssl認證、支持手機自適應網頁，也解決了email的收發問題，網站初步完成。刪減了wordpress的plugin。隻留下正常運行需要的三個插件。

Gmail SMTP 前文講過處理email事務

Google Captcha 就是下麵那個評論區需要點擊的那個了，用於屏蔽垃圾評論的。

reSmush.it image Optimizer 用於壓縮圖片，計劃本博會采用大量圖片，所以預先安裝上，提高網速。

當年在國內從事設計工作，初步設計完成後就是交給其他單位審核，網站的審核大權就在我們都知道的巨無霸Google。

Google有個Pagespeed insights工具，用於給網站優化建議。現在一查，目前此網站的mobile版還不及格

修改標簽雲字體大小

Mon, 27 Aug 2018 06:24:53 +0000

用wordpress，tag的功能雖然老，其實對讀者而言也挺方便的。

當年delicious網站就是靠tag名噪一時，不過互聯網江湖真是潮起潮落，如今連這個網站都沒了，感歎一下。

wordpress的tag缺省有大小字體，對於將數字標於其後的設定，字體不同殊無必要，隻會造成視覺上不便，如下圖

打算將字體改成一般大小，google到解決方案，到模板的function.php後麵加了下麵幾行

安裝gmail SMTP插件

Mon, 27 Aug 2018 03:15:28 +0000

昨天本打算裝一個postfix解決網站的email問題，根據一個linux站點的教程裝了一個多小時，結果不知名的原因，不能設置成功。linux係統經常如此，有些軟件設置繁複，而且各個文件的用戶權限不同就可能導致結果失敗。

算了，重新找一個簡單的解決方案。隨手搜到了一個插件gmail SMTP

根據其教程到Google Developer申請了一個OAuth ID,一路操作下來，到了眼看大功告成的時候，巨無霸Google突然來一句，該API應用開發者（就是我了）未經過驗證，需要提交表格驗證雲雲

尋到googe的認證頁麵，看到這麼多表格要填，正無奈間發現這麼一句

兩分鍾搞定Favicon

Sun, 26 Aug 2018 23:46:03 +0000

準備搞定wordpress的email係統，弄了個Gmail SMTP插件正在設置，需要google驗證jesselau.com這個域名是屬於我的，在namecheap上設置了TXT record就等待google驗證。等待過程中想起Favicon沒作呢，搜了一下make favicon onlin

忘記wordpress密碼怎麼辦？解決方案

Sun, 26 Aug 2018 22:25:05 +0000

轉移數據庫過程中出了一個小插曲。用All-in-One WP Migration插件導入到新網站後，提示需要重新登錄wordpress管理界麵。試了幾次密碼不對，而且我的wordpress郵件功能還沒設置好，用找回密碼功能不行。好在還記得MySQL密碼，可以在數據庫裏直接修改。 1、安裝

轉移wordpress數據庫升級Ubuntu

Sun, 26 Aug 2018 03:40:46 +0000

前回說到ubuntu 12安裝ssl認證隻能評到B級，雖然估計本站點暫時也不會有能攻破B級安全的黑客大神來訪，但還是去看了看現在的新服務器。

很便宜，最低2.5美金一個月，我之前的服務器因是幾年前作web designer時掛了不少站點，雖然運行過期的Ubuntu係統，反而還需要20多美金一個月，今日一看正好又升級又省錢，又可以清理老站重新出發，何樂而不為。

迅速入手2.5美金的Vultr最低級別服務器，標明隻支持ipv6，不解何意，學習安裝了再說吧。其他數據轉移很容易，直接用scp打包傳輸即可，主要是wordpress的數據庫要重新導出導入，找到一個插件All-in-One WP Migration。十分方便，先在老站導出數據，再在新站導入。截圖如下

SSL網站-在Ubuntu 12上安裝Letsencrypt認證

Sat, 25 Aug 2018 01:52:59 +0000

將博客搞定手機自適應後，還得作一個事情，將網站變為SSL的網站，就是需要HTTPS訪問，這是因為創造趨勢的巨無霸GOOGLE力推HTTPS，甚至將之列為網站搜索結果排序的一個權重。

如今正常想要持續發展的網站沒有HTTPS是不行了。好在HTTPS增加並無太困難，也有免費的解決方案。就是Letsencrypt.org提供的免費SSL認證。

因為我這個服務器是多年前搭建的，用的是Ubuntu 12.04.確實很老了，現在我個人電腦都是裝的Ubuntu 18. 若安裝個新係統，需要大量時間，本人卻不太喜歡浪費時間。故此還是求教Google：如何在Ubuntu 12版本上搞定Letsencrypt。

整合了一些信息親測有效，搞定了SSL。

1、ssh到服務器，安裝Letsencrypt客戶端

git clone https://github.com/letsencrypt/letsencrypt

2、先把apache2停掉，對於目前這個blog無流量，關停無壓力

service apache2 stop

選用Responsive自適應wordpress模板

Sat, 25 Aug 2018 00:05:51 +0000

弄這個blog打算方便為主，為自己可隨時寫作、管理，需要支持手機瀏覽和操作。

因是elegantthemes付費會員，故此到該處選了一個簡單視覺感不錯的模板basic，孰料這是早年作品，安裝好後居然不支持Responsive針對手機瀏覽自適應調整頁麵。本來還蠻喜歡她的簡潔電腦版本，可惜手機上就比較醜了。

電腦版長這樣，寬屏還是很nice的

手機上則這樣了，邊欄沒有自動去除，閱讀博客內容字很小不方便。

故此重新換了一個模板simplepress.手機版如下圖，邊欄自動隱藏，好很多了。

重啟博客

Fri, 24 Aug 2018 01:48:43 +0000

很長時間沒有更新blog，因為剛開始時就打算用英文寫blog，然則本人不是林語堂那類語言學霸，雖然在海外數年，英文水平還是不能流暢寫作，故此慢慢就淡了。前些日子陪公子讀書，為教育兒子編程之美，自己也示範學習Python。沒想到是真的好用，似乎大學時代學彙編語言、剛工作時學Visu