分類: 网站

使用 Plausible 統計用戶事件

中文繁簡轉換工具用上 Bootstrap 後漂亮多了，使用 JavaScript 來請求表格減少了頁面的跳轉，用起來也比較方便。於是產生一個新需求就是想統計下「轉換」按鈕被點擊了多少次。關於自定義事件目標的具體介紹，可以參考 Plausible 的官方文檔Custom event goals，我這裏只是羅列下具體步驟。

前端 html 中的修改

確保 Plausible 配置有下面的第二行

<script async defer data-domain="<yourdomain.com>" src="https://plausible.yourdomain.com/js/plausible.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>

在需要統計的地方執行這行 JavaScript

plausible('my_event');

Plausible 後臺的設置

打開 Plausible 後臺，在左上角的域名處選擇 Site Settings。在 Goals 區域點擊 + Add goal。然後 Goal trigger 選擇 Custom event，Event name 要輸入 JavaScritp 請求的參數，這裏就是「my_event」。最後點擊 Add goal 就完成了。

標籤建站

网站

使用 datatables 展示表格

計算得出的中國城市飲用水中全氟辛烷磺酸（PFASs）的平均濃度（ng/L）

調查城市	PFOA	PFOS	平均值	18年人口 (万)	所在省份
Anshan	0.4	0.9	1.3	341.8	Liaoning
Atushi	0.05	0.05	0.1	28.55	Xinjiang
Baoding	0.56	0.06	1.28	935.93	Hebei
Beijing	3.29	0.999	7.192	2154.2	Beijing
Benxi	0.6	1.7	2.3	146.1496	Liaoning
Binzhou	6.72	2.25	34.7	392.25	Shandong
Changchun	0.642	0.352	5.876	751.3	Jilin
Changsha	0.936	0.406	16.616	815.47	Hunan
Changshu	19.327	2.852	122.4	106.8	Jiangsu
Changzhou	9.055	2.654	28.1	472.3	Jiangsu
Chaohu	10.56	3.33	59.89	79.62	Anhui
Chengdu	0.763	0.323	119.423	1633	Sichuan
Chongqing	2.539	0.219	3.263	3101.79	Chongqing
Dalian	0.276	0.639	2.463	595.2	Liaoning
Dezhou	1.419	0.55	4.7	581	Shandong
Dongguan	2.904	24.227	39.554	839.22	Guangdong
Dongying	6.868	2.185	24.365	217.21	Shandong
Foshan	45.5	5.02	53.1	790.57	Guangdong
Fuzhou	0.533	0.46	23.993	774	Fujian
Guangzhou	5.441	4.681	20.215	1490.44	Guangdong
Guiyang	0.578	0.258	17.135	488.19	Guizhou
Haining	27.412	2.45	49.386	85.85	Zhejiang
Hangzhou	49.961	0.88	74.145	980.6	Zhejiang
Harbin	0.558	0.157	8.958	951.5	Heilongjiang
Hefei	1.853	0.293	20.647	808.7	Anhui
Heihe	0.02	0.01	0.54	159.3	Heilongjiang
Hohhot	0.4	0.19	13.663	312.6	Inner Mongolia
Hong Kong	1.04	5.868	8.068	745.1	Hong Kong
Huaian	4.738	0.438	12.5	492.5	Jiangsu
Jinan	9.648	3.847	30.564	746.04	Shandong
Jining	1.035	0.045	2.9	834.59	Shandong
Jiujiang	156.5	2.17	175	489.68	Jiangxi
Kunming	6.738	1.113	60.39	685	Yunnan
Lanzhou	0.85	0.21	2.18	374.16	Gansu
Lhasa	0.75	0.45	14.85	55.44	Tibet
Lianyungang	61.42	186.17	332.63	452	Jiangsu
Macao	1.3	6.2	7.5	63.16	Macao
Mudanjiang	0.82	0	1.97	252.5	Heilongjiang
Nanchang	6.808	0.97	18.593	554.55	Jiangxi
Nanjing	8.78	1.083	27.824	843.62	Jiangsu
Nanning	0.1	0.253	64.093	725.41	Guangxi
Shanghai	12.451	2.345	26.913	2423.78	Shanghai
Shenyang	1.641	0.896	5.989	831.6	Liaoning
Shenzhen	8.548	9.954	23.902	1302.66	Guangdong
Shijiazhuang	17.601	9.921	45.766	1095.16	Hebei
Suzhou	34.646	2.095	61.313	1072.17	Jiangsu
Taian	1.357	0.392	7.2	564	Shandong
Taipei	3.7	5.4	9.1	262.6	Taiwan
Taiyuan	0.74	0.49	30.697	442.15	Shanxi
Tianjin	2.232	1.018	7.604	1559.6	Tianjin
Urumqi	0.4	0.195	9.64	350.58	Xinjiang
Wuhan	1.897	0.212	13.771	1108.1	Hubei
Wuxi	27.698	6.854	93.622	657.45	Zhejiang
Xiamen	2.6	0.76	3.36	411	Fujian
Xi'an	0.382	0.496	9.562	1000.37	Shaanxi
Xining	0.445	0.215	11.39	237.11	Qinghai
Xuzhou	6.833	0.875	12.5	880.2	Jiangsu
Yangzhou	7.651	0.971	12.5	453.1	Jiangsu
Yinchuan	0.04	0.468	28.036	225.06	Ningxia
Zhengzhou	0.516	0.183	15.476	1013.6	Henan
Zhenjiang	4.674	1.68	16	319.64	Jiangsu
Zhongshan	0.6	0.6	1.2	331	Guangdong
Zhuhai	0.765	1.31	2.075	189.11	Guangdong
Zhuzhou	2.11	0.33	5.54	402.08	Hunan
Zibo	15.89	2.11	41.01	470.2	Shandong
Zigong	467.955	1.606	502.926	292	Sichuan

不同國家和美國各州發布的飲用水中 PFAS 準則

Date	Authority	Agency	指導值（ng/L）	Guideline Type	Reference
2006	Germany	German Ministry of Health	PFOA+PFOS: 300	Health-based guide value	https://www.umweltbundesamt.de/sites/default/files/medien/pdfs/pft-in-drinking-water.pdf
2006	Germany	German Ministry of Health	PFOA+PFOS: 100	Health-based precautionary value	https://www.umweltbundesamt.de/sites/default/files/medien/pdfs/pft-in-drinking-water.pdf
2014	Italy	National Institute of Health	PFOA: 500; PFOS: 30	Health-based level	http://www.euro.who.int/__data/assets/pdf_file/0018/340704/FINAL_pfas-report-20170530-h1200.pdf
2015	Denmark	Danish Environmental Protection Agency	PFOS: 100; PFOA: 100	Quality Criteria	http://mst.dk/service/publikationer/publikationsarkiv/2015/apr/perfluoroalkylated-substances-pfoa-pfos-and-pfosa/
2016	Australia	Department of Health	PFOA: 560; PFOS+PFHxS: 70	Health-based guidance	http://www.health.gov.au/internet/main/publishing.nsf/content/ohp-pfas-hbgv.htm
2016	USA	USEPA	PFOS+PFOA: 70	Lifetime Health Advisory	https://www.epa.gov/sites/production/files/2016-05/documents/pfos_health_advisory_final_508.pdf
2016	Connecticut	Department of Public Health	PFOA+PFOS+PFHxS+PFNA+PFHpA: 70	Action Level	http://portal.ct.gov/DPH/Search-Results?SearchKeyword=PFAS
2018	European Union	European Commission	Individual PFASs: 100	Proposed Drinking Water Directive	ec.europa.eu/environment/water/water-drink/review_en.html
2018	European Union	European Commission	Sum of PFASs: 500	Proposed Drinking Water Directive	ec.europa.eu/environment/water/water-drink/review_en.html
2018	Canada	Health Canada	PFOA: 200; PFOS: 600	Drinking Water Screening Value	https://www.canada.ca/en/services/health/publications/healthy-living/water-talk-drinking-water-screening-values-perfluoroalkylated-substances.html
2019	Minnesota	Department of Health	PFOA: 35; PFOS: 15; PFHxS: 47; PFBA: 7000; PFBS: 2000	Health Based Guidance for Water	https://www.health.state.mn.us/communities/environment/hazardous/topics/pfcs.html#safelevels
2019	California	Water Resources Control Board	PFOA: 5.1; PFOS: 6.5	Notification Levels	https://www.ecos.org/news-and-updates/california-lowers-pfas-notification-levels-initiates-regulatory-process/
2019	Vermont	Department of Environmental Conservation	PFOA+PFOS+PFHxS+PFHpA+PFNA: 20	Maximum Contaminant Levels	https://dec.vermont.gov/water/drinking-water/water-quality-monitoring/pfas
2020	Michigan	Department of Environment, Great Lakes, and Energy	PFOA: 8; PFNA: 6; PFHxA: 400000; PFOS: 16; PFHxS: 51; PFBS: 420; HFPO-DA: 370	Maximum Contaminant Levels	https://www.michigan.gov/egle/0,9429,7-135--534660--,00.html
2020	New York	Department of Health	PFOA: 10; PFOS: 10	Maximum Contaminant Levels	https://www.wamc.org/post/nys-adopts-drinking-water-standards-three-emerging-contaminants
2020	New Hampshire	Department of Environmental Services	PFOA: 12; PFOS: 15; PFHxS: 18; PFNA: 11	Maximum Contaminant Levels	https://www4.des.state.nh.us/nh-pfas-investigation/?p=1185
2020	New Jersey	Department of Environmental Protection	PFOA: 13; PFOS: 14	Maximum Contaminant Levels	https://www.penn-er.com/2020/06/08/new-jersey-establishes-mcls-ground-water-and-remediation-standards-for-pfoa-pfos/
2020	Massachusetts	Department of Environmental Protection	PFOA+PFOS+PFHxS+PFNA+PFHpA+PFDA: 20	Maximum Contaminant Levels	https://www.mass.gov/lists/development-of-a-pfas-drinking-water-standard-mcl
2020	Sweden	Swedish Food Agency	PFOA+PFOS+PFHxS+PFNA+PFHpA+PFDA+PFBS+6:2FTS+PFBA+PFPeA+PFHxA: 90	Action Level	https://www.livsmedelsverket.se/en/food-and-content/oonskade-amnen/miljogifter/pfas-in-drinking-water-fish-risk-management

數據來源及完整論文請參閱：Per- and polyfluoroalkyl substances (PFASs) in Chinese drinking water: risk assessment and geographical distribution。Liu, L., Qu, Y., Huang, J. et al. Per- and polyfluoroalkyl substances (PFASs) in Chinese drinking water: risk assessment and geographical distribution. Environ Sci Eur 33, 6 (2021). https://doi.org/10.1186/s12302-020-00425-3

如何在 WordPress 中展示上面的數據圖表

這裏使用了開源的js插件 DataTables 來展示上面的圖表。安裝方法可以參考官方安裝文檔，非常簡單。考慮到文件裏推薦的 CDN 方法在中國可能水土不服，所以我使用本地的安裝方法。在下載頁面勾選需要的組件（我只選了必須的 css 和 js，由於 WordPress 已自帶 jquery，所以不用選jquery）然後下載到一個 zip 包。我是將其上傳到 WordPress 的 wp-content/uploads/share/js 目錄中，然後解壓並修改文件所有者爲nginx( chown nginx:nginx -R DataTables )，就可以使用了。文章裏用到的代碼如下：

<link rel="stylesheet" type="text/css" href="/wp-content/uploads/share/js/datatables.min.css"/>
<script type="text/javascript" src="/wp-content/uploads/share/js/datatables.min.js"></script>

<table id="table_id" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>

<script>
jQuery(document).ready(function($) {
    $('#table_id').DataTable();
} );
</script>

標籤建站

网站

本站域名變更：從 wupo 到 shaman

首先感謝 EU.org 提供的 free 二級域名，本站從即日起開始在新域名 https://ft.shaman.eu.org 下更新，原 https://ft.wupo.info 會在一周天後跳轉到本站。 https://emanon.wupo.info 由於停更，所以本次不會遷移到新域名，但是會在明年域名到期後下線。Emanon 有一個自然觀察的 Youtube 頻道，裡面都是些常見物種記錄。

本次遷移域名遇到的小問題

由於不是很緊迫，所以我是在同一個服務器上複製了一份數據庫，然後又複製了一份 wordpress 文件夾，最後再複製一份 nginx 的配置文件就搞定了。如果遇到 nginx 500 錯誤，記得檢查文件權限。需要在數據庫里操作的幾處我列一下：

#如果只是修改域名，則只需執行下面兩行
update options set option_value="https://ft.shaman.eu.org" where option_name="siteurl";
update options set option_value="https://ft.shaman.eu.org" where option_name="home";

#如果要修改用戶的電子郵箱
update users set user_email='[email protected]' where user_login='user1';
#如果要修改管理員的電子郵箱
update options set option_value='[email protected]' where option_name='admin_email';

還有一個問題是，配置 cloudflare 時出現循環 301 Moved Permanently 跳轉。原因是 cloudflare 默認的 SSL/TLS 設置是 Flexible，這種模式意味着用戶到 cloudflare 是 https，而 cloudflare 到我的服務器卻是 http。但是我的服務器也配置了如果是 http 就重定向到 https。於是就循環請求了。解決辦法是把 cloudflare的 SSL/TLS 設置為 Full (strict) 模式。

nginx 和 cloudflare 設置 301 跳轉都很簡單，這裡寫下用 cloudflare 設置跳轉的方法。在 Page Rule 中新建一條（免費用戶最多可以創建三條）Page Rule。URL matches 填「*ft.wupo.info/*」，接着的兩個下拉框分別選「Forwarding URL」和「301 - Permanent Redirect」，最後一個輸入框填「https://ft.shaman.eu.org/$2」。保存並啟用就可以了。

本文更新於 2020/11/04。

標籤建站

网站

嘗試攔截來自 Cloudflare IP 的密碼猜解

我的 WordPress 安裝了 Limit Login Attempts 插件，其中可以設置輸入錯誤密碼 m 次封鎖這個 IP n 小時，並記錄下這個 IP。本站最近有很多來自 Cloudflare IP 的錯誤登錄嘗試，於是我試圖使用下面兩個方法攔截，可惜結果證明無效。於是我使用了 OTP （One-time password）來增加暴力破解的難度，直到再次找到可行的攔截方法。我還安裝了一個修改 WordPress 登錄頁網址的插件 WPS Hide Login，應該也能有些作用。

Cloudflare Firewall

免費 Cloudflare 用戶可以創建 5 個防火牆規則，我建立了如下兩條：

(http.host in {"ft.wupo.info"} and ip.geoip.asnum in {13335})
(ip.src in {173.245.48.0/20 103.21.244.0/22 103.22.200.0/22 103.31.4.0/22 141.101.64.0/18 108.162.192.0/18 190.93.240.0/20 188.114.96.0/20 197.234.240.0/22 198.41.128.0/17 162.158.0.0/15 104.16.0.0/12 172.64.0.0/13 131.0.72.0/22} and http.host eq "ft.wupo.info")

我隨便查了幾個 Cloudflare IP 的 AS 編號都是 13335,所以第一條就是如果 IP 的 AS 編碼是 13335 就攔截。順便推薦個我經常用的查 IP 的網站 IP-API。

第二條是根據 IP 地址來封鎖，從這裡獲得 Cloudflare 的 IP 。

(ip.geoip.country ne "KP" and http.host eq "ft.wupo.info")

如果想根據 IP 所在國家來限制訪問也是可以的，上面的便是限制了北韓以外 IP 的訪問本站。

在 Limit Login Attempts 插件中限制 IP

這個就是一行一個填已經攔截的 IP 就可以了，可以把所有 IP 複製下來，然後粘貼到 LibreOffice Calc 中，按需要進行排序後複製出 IP 列貼回插件中就可以了。

標籤建站

网站

WordPress 使用 OTP 增強站點安全性

一次性密碼 (One-time password)又稱動態密碼或單次有效密碼，是指計算機系統或其他數位裝置上只能使用一次的密碼，有效期為只有一次登入會話或交易。OTP 避免了一些與傳統基於密碼認證相關聯的缺點；一些實作還納入了雙因素認證，確保單次有效密碼需要存取一個人有的某件事物以及一個人知道的某件事物。——維基百科

本站使用的開源 OTP 插件是 WP-OTP。安裝啟用後在「使用者」>「個人資料」頁面，會有二維碼出現，用自己喜歡的 OTP 客戶端掃描後輸入生成的密碼就開啟了網站的 OTP 登錄。

我使用的 OTP 軟件是開源的 andOTP。安裝後會提示給 andOTP 客戶端自己設置個密碼，以保護動態密碼的安全。設置好後點擊主界面右下角的「+」，掃描 WordPress 個人資料頁的二維碼，將出現的數字填入 WordPress 後台就完成了所有的設置。

平常使用的場景是：打開 WordPress 的登錄頁，輸入賬號密碼。打開手機上的 andOTP 查看當前的動態密碼（ 6 位數字）。將動態密碼也輸入登錄頁，完成登錄。

標籤 wordpress, 建站, 软件

网站

未備案域名被拒絕解析緊急處理

未備案域名的80端口被停止解析，業務被中段。緊急將域名指向香港服務器，並在香港服務器nginx做如下轉發即可：

server {
    server_name manage.wupo.info;
    location / {
        proxy_redirect off;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://1.2.3.4:8888;
    }
    access_log logs/manage.wupo.info_access.log;
}

如果目標地址仍是80，需要注釋掉proxy_set_header Host $host;這句，否則還是訪問不了。

標籤 nginx

网站

nginx記錄特定請求的日誌

通過nginx的access log可以記錄訪問日誌，如果只想記錄特定的某條請求，例如所有以/get開頭的請求，可以這麼配置：

map $request $loggable {
    ~/get* 1;
    default 0;
}

server {
        listen 8085;
        server_name 127.0.0.1;
        charset utf-8;

        access_log logs/flask.access.log combined if=$loggable;
        location /  { try_files $uri @yourapplication; }
        location @yourapplication {
                include uwsgi_params;
                uwsgi_pass 127.0.0.1:3031;
        }
}

如果要排除，只記錄以/get開頭的請求，map可以這麼寫

map $request $loggable {
    ~/get* 0;
    default 1;
}

修改之後可以通過 tail -f ../logs/flask.access.log實時查看log的變動。

標籤 nginx