按 @moeyy 的教程《使用 Fly.io 部署 Alist》完成後,還有一些優化體驗的小細節,在此記錄一下。
獲取管理員帳號#
flyctl ssh console # 如果失敗,打開所部署的應用頁面,刷新後多嘗試幾次
./alist admin random
更改靜態資源地址#
Cloudflare 反代 jsDelivr#
- 新建一個 Worker
// 替換成你想鏡像的站點
const upstream = 'cdn.jsdelivr.net'
// 如果那個站點有專門的移動適配站點,否則保持和上面一致
const upstream_mobile = 'cdn.jsdelivr.net'
const blocked_region = []
const blocked_ip_address = ['0.0.0.0', '127.0.0.1']
const replace_dict = {
'$upstream': 'jscdn.limour.top',
'//cdn.jsdelivr.net': '//jscdn.limour.top'
}
//以下內容都不用動
addEventListener('fetch', event => {
event.respondWith(fetchAndApply(event.request));
})
async function fetchAndApply(request) {
const region = request.headers.get('cf-ipcountry').toUpperCase();
const ip_address = request.headers.get('cf-connecting-ip');
const user_agent = request.headers.get('user-agent');
let response = null;
let url = new URL(request.url);
let url_host = url.host;
if (url.protocol == 'http:') {
url.protocol = 'https:'
response = Response.redirect(url.href);
return response;
}
if (await device_status(user_agent)) {
upstream_domain = upstream
} else {
upstream_domain = upstream_mobile
}
url.host = upstream_domain;
if (blocked_region.includes(region)) {
response = new Response('Access denied: WorkersProxy is not available in your region yet.', {
status: 403
});
} else if(blocked_ip_address.includes(ip_address)){
response = new Response('Access denied: Your IP address is blocked by WorkersProxy.', {
status: 403
});
} else{
let method = request.method;
let request_headers = request.headers;
let new_request_headers = new Headers(request_headers);
new_request_headers.set('Host', upstream_domain);
new_request_headers.set('Referer', url.href);
let original_response = await fetch(url.href, {
method: method,
headers: new_request_headers
})
let original_response_clone = original_response.clone();
let original_text = null;
let response_headers = original_response.headers;
let new_response_headers = new Headers(response_headers);
let status = original_response.status;
new_response_headers.set('access-control-allow-origin', '*');
new_response_headers.set('access-control-allow-credentials', true);
new_response_headers.delete('content-security-policy');
new_response_headers.delete('content-security-policy-report-only');
new_response_headers.delete('clear-site-data');
const content_type = new_response_headers.get('content-type');
if (content_type.includes('text/html') && content_type.includes('UTF-8')) {
original_text = await replace_response_text(original_response_clone, upstream_domain, url_host);
} else {
original_text = original_response_clone.body
}
response = new Response(original_text, {
status,
headers: new_response_headers
})
}
return response;
}
async function replace_response_text(response, upstream_domain, host_name) {
let text = await response.text()
var i, j;
for (i in replace_dict) {
j = replace_dict[i]
if (i == '$upstream') {
i = upstream_domain
} else if (i == '$custom_domain') {
i = host_name
}
if (j == '$upstream') {
j = upstream_domain
} else if (j == '$custom_domain') {
j = host_name
}
let re = new RegExp(i, 'g')
text = text.replace(re, j);
}
return text;
}
async function device_status (user_agent_info) {
var agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
var flag = true;
for (var v = 0; v < agents.length; v++) {
if (user_agent_info.indexOf(agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}
- 觸發器 - 路由設置為
jscdn.limour.top/*
轉換規則設置允許跨域#
替換 CDN#
在 AList 管理頁面中,將所有的 cdn.jsdelivr.net
修改為自己反代的地址
添加評論系統#
- 在 Vercel 上部署 Waline
- AList 管理 - 設置 - 全局 - 自定義頭部 中引入 Waline 樣式
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v2/dist/waline.css" />
3. AList 管理 - 元信息 中引入 Waline 客戶端
# <center> - 評論 Comments -
<div id="waline"></div>
<script type="module">
import { init } from 'https://unpkg.com/@waline/client@v2/dist/waline.mjs';
init({
el: '#waline',
serverURL: 'https://comments.limour.top',
});
</script>
Waline 郵件異步推送#
mkdir -p ~/app/mailpush && cd ~/app/mailpush && nano docker-compose.yml
git clone --depth=1 https://github.com/soxft/waline-async-mail.git
cd waline-async-mail
nano config.example.yaml # 修改成自己的郵件服務
nano templates/guest.html && nano templates/owner.html # 修改成自己的郵件模板
docker build -t xsot/waline-async-mail . && docker image prune
cd ~/app/mailpush
sudo docker-compose up -d
version: "3"
services:
waline-async-mail:
image: xsot/waline-async-mail:latest
volumes:
- ./waline-async-mail/config.example.yaml:/app/config.yaml
restart: always
networks:
default:
external: true
name: ngpm
- 在環境變量中添加
WEBHOOK
, 值為https://api.limour.top/mail/limour
- 在 Deployments 裡,重新部署
- WEBHOOK 說明
附加 Waline 換 MongoDB#
- MongoDB 官網 新建免費的 M0 數據庫,地區選新加坡,放行
0.0.0.0/0
- Vercel 上的 Waline 項目,Settings/Functions 裡更改 Region 到新加坡
- MongoDB 連接裡記錄下連接信息,選項如下
- 選擇 Drivers 作為連接方式,Driver 為 Node.js,Version 為
2.2.12 or later
- 進入 Waline 管理後台,導出數據
- Vercel 裡刪除 LEAN 相關的環境變量,按 說明 添加 MongoDB 的連接信息
- Vercel/Deployments 裡選擇合適的分支,點旁邊的三個點,選擇 Redeploy
- 進入 Waline 管理後台,重新註冊後,導入數據
自定義域名#
- DNS 解析只能是 <僅 DNS>
- Domain ownership verification 是 CNAME