VPS选购

• 国内可选阿里云、腾讯云、狗云等。

• 海外可选CloudCone、RackNerd、搬瓦工、Vultr等。

• 免费可选甲骨文、AWS等。

备注：阿里云腾讯云有安全组来放行端口。cc没有，可以自己安装防火墙例如ufw。

登录VPS实例

首先购买VPS并创建实例，然后在服务商网站上VNC登录实例，通过账号密码登录。账号默认root，密码在服务商网站控制台或邮件中给出。密码登录不太安全，下面介绍两种SSH连接方式。

方法1：通过SSH远程连接

先在云控制台中重置密码。

下载软件：FinalShell SSH工具,服务器管理,远程桌面加速软件,支持Windows,macOS,Linux,版本4.3.10,更新日期2023.12.31

（当然XFTP + XShell 也可以，但是这个更方便和直观）
【finalshell.png】

如图，新建SSH连接并输入主机信息，点击确定即可添加该VPS的连接。用户名默认root，主机IP和密码一般可在云服务商或邮箱内找到。

方法2：通过SSH密钥对连接

以阿里云为例。打开阿里云控制台首页，网络与安全->密钥对->创建密钥对->绑定密钥对->选取你的服务器实例，只需填个名称就好例如：ali_public_key。

此时会自动下载一个文件，ali_public_key.pem，建议把它放在本地计算机的C:/Users/XXXX/.ssh/里，XXXX是你的电脑用户名。

回到阿里云控制台首页，实例与镜像->实例->在你的实例项点击远程连接。

然后这时候能看到你的 网络连接-公网IP，记住它。

在刚才的.ssh/文件夹的config文件(没有就新建)，添加以下内容

1
2
3
4
5
6

Host 8.138.119.94
 HostName 8.138.119.94  # 这里改成你自己云服务器的公网IP。
 User root
 Port 22
 ForwardAgent yes
 IdentityFile "C:\Users\xxx你的计算机名\.ssh\ali_public_key.pem"

修改对应内容。

回到阿里云的远程连接页面，认证方式选择SSH密钥认证，私钥点击上传按钮，上传ali_public_key.pem文件，点击确定。

然后我们打开计算机的cmd，输入ssh root@你的公网IP，将SSH 客户端(本地主机)连接到远程主机，输入yes。

1
2
3
4
5
6
7
8

PS C:\Users\Administrator> ssh root@8.138.119.94
The authenticity of host '8.138.119.94 (8.138.119.94)' can't be established.
ECDSA key fingerprint is SHA256:UudrcTL/T3uRsiZ+3cq5lFgyARTKE1fl2ZPl+8+6IAk.
Are you sure you want to continue connecting (yes/no/[fingerprint])? y
Please type 'yes', 'no' or the fingerprint: yes
Warning: Permanently added '8.138.119.94' (ECDSA) to the list of known hosts.
Last login: Sat Feb  3 12:17:40 2024 from 47.96.60.211
Welcome to Alibaba Cloud Elastic Compute Service !

这样就算连接成功了。

如果重装了VPS的系统，登录时用相同的密钥连接，在运行窗口再次SSH连接远程主机时，会报错：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

C:\Users\Administrator>ssh root@8.138.119.94
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@   WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!   @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!
Someone could be eavesdropping on you right now (man-in-the-middle attack)!
It is also possible that a host key has just been changed.
The fingerprint for the ECDSA key sent by the remote host is
SHA256:i8q+LtcWX0OvkJMEwyCGVPeL6ar63YPlcHaZaUnAAqM.
Please contact your system administrator.
Add correct host key in C:\\Users\\Administrator/.ssh/known_hosts to get rid of this message.
Offending ECDSA key in C:\\Users\\Administrator/.ssh/known_hosts:4
ECDSA host key for 8.138.119.94 has changed and you have requested strict checking.
Host key verification failed.

只要找到C:\Users\计算机用户名\.ssh删除known_hosts，再次ssh连接就好了。

安装常用软件

在 Linux 使用过程中，经常会用到一些软件包及其指令，所以这里先安装上，免得报错。

1
2
3

apt update -y  # 更新系统软件包列表

apt install wget curl sudo vim git lsof -y  # Debian 新装的系统比较干净，安装一些常用的软件

VPS性能测试

这里提供本人CloudCone DC1 2h2g小鸡的测试过程和数据。

测试完性能可以重装系统，或者手动DD为纯净系统。

查看IP是否可用/申请工单更换IP

首先先ping一下你的IP，如果超时，则IP被墙了，就摧毁实例，等几个小时别人买了这个台VPS你再买个新的再试试看其他IP是否可用。

或者直接花费$2换IP，点击cc官网顶部导航的Support->Support Tickets->Create New Ticket新建一个工单：

1
2
3
4
5

Subject：Change IP Request

Ticket：Hello, my VPS cannot be accessed in China. I'm willing to use the $2 in my account to change to an IP address that can be used in China. Thank you!

Related Instance:选择你的VPS

点击你的头像->Billing->Add funs，可选择Paypal或Alipay预存2美刀。

我是3小时内回复已受理，3天内回复已完成更换IP并给出新IP(工作日更快)。

站长工具 测试回国延时/全球 ping

测试网址：https://ping.chinaz.com/xxx.xxx.xxx.xxx ，将末尾改成你的VPS的IP。

通过站长工具的ping检测，可以快速和直观地了解你的服务器在国内各省和主要外国的访问延迟(分别1~2个测试节点)。红的再测几次可能就不红了。
【chinaz.png】

ping.pe测试全球延迟

测试网址：https://ping.pe/xxx.xxx.xxx.xxx ，将末尾改成你的VPS的IP。

可以测试VPS到国内外一些主要城市的延迟和丢包率，更好地了解自己服务器在全球范围内的访问体验。打开后让它测一会儿再看数据。

【图片ping-pe.png】

融合怪测评脚本

机器性能利用融合怪脚本（缝合了常用测试脚本）进行一次完整的测试就够了。Github项目地址：VPS融合怪服务器测评脚本

该脚本能测试 VPS 的 CPU、磁盘IO、流媒体解锁、端口25(邮箱)、三网回程、回程路由等数据

1
2
3
4
5
6
7

# 为避免各种奇怪bug，最好以root用户在/root下执行脚本

cd /

# 安装脚本 & 赋予执行权限 & 启动

curl -L https://github.com/spiritLHLS/ecs/raw/main/ecs.sh -o ecs.sh && chmod +x ecs.sh && bash ecs.sh

脚本启动后，选择1，进行一次完整测试。

第一次测试结果：https://paste.spiritlhl.net/u/m9cZml.txt

第二次测试结果：https://paste.spiritlhl.net/u/nfHN05.txt

流媒体检测

一键检测以下流媒体：Netflix、YouTube、BiliBili、TikTok、iQIYI、ChatGPT

我的结果是Netflex仅自制，B站No，其他Yes)

1

wget -qO- https://github.com/yeahwu/check/raw/main/check.sh | bash

硬件简单查看指令

1
2
3
4
5
6
7
8
9
10
11
12
13

# 系统内核 5.10.0-8-amd64
uname -r

# 系统版本 Debian GNU/Linux 11 (bullseye)
cat /etc/os-release

# CPU信息
lscpu
# Model name: Intel(R) Xeon(R) CPU E5-2697 v2 @ 2.70GHz
# CPU MHz: 2699.998

# 本机IP
curl ip.sb

性能测试完后，删除测试脚本：

1
2
3
4
5
6
7

# 列出文件清单

ls -la

# 找到.sh文件并删除

rm xxx.sh

安装Web服务器

服务器本身不提供web服务，需要安装web服务器软件。

可以选择安装 Nginx 或 Nginx Proxy Manager。前者适合科班人员学习，后者适合非IT人士使用。

安装NPM可以查看文章：【VPS实用项目】Nginx 管理器 | Nginx Proxy Manager | 反向代理神器

安装Nginx(可选)：

• 官方安装教程：nginx: Linux packages
• 同上，中文翻译版：如何在 Debian 11 上安装和配置 Nginx - Linux迷 (linuxmi.com)

注意：装了Nginx Proxy Manager后，可以不装Nginx，否则80和443端口会冲突！当然也可以谷歌看看怎么解决。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

# 更新系统的软件包列表
sudo apt update

# 下载应用程序时安装 gnupg2 以获得安全的通信通道。
sudo apt install curl gnupg2 ca-certificates lsb-release debian-keyring

# 从 Nginx 获取官方签名密钥以验证软件包的真实性。
curl https://nginx.org/keys/nginx_signing.key | gpg --dearmor \
    | sudo tee /usr/share/keyrings/nginx-archive-keyring.gpg >/dev/null

# 验证下载的文件是否包含正确的密钥；
gpg --dry-run --quiet --import --import-options import-show /usr/share/keyrings/nginx-archive-keyring.gpg
# 输出应包含指纹：573BFD6B3D8FBC641079A6ABABF5BD827BD9BF62,如果指纹不对，请删除该文件

# 在您的系统上注册并设置 Nginx 存储库以获得稳定的软件包，这对于生产和安全环境非常重要
echo "deb [signed-by=/usr/share/keyrings/nginx-archive-keyring.gpg] \
http://nginx.org/packages/debian lsb_release -cs nginx" \
    | sudo tee /etc/apt/sources.list.d/nginx.list

# 设置存储库固定以优先选择官方的包而不是发行版提供的包
echo -e "Package: *\nPin: origin nginx.org\nPin: release o=nginx\nPin-Priority: 900\n" \
    | sudo tee /etc/apt/preferences.d/99nginx

# 安装Nginx服务器
sudo apt update
sudo apt install nginx

基本指令

1
2
3
4
5
6
7
8
9
10
11

# 启动
sudo systemctl start nginx

# 查看
sudo systemctl status nginx

# 重启
sudo systemctl restart nginx

# 开机自启动
sudo systemctl enable nginx

可在浏览器输入VPS-IP:80查看Nginx的index页面

补充：

新版Nginx没有sites-available 和 sites-enabled目录，直接以在 conf.d 里配置default.conf 就好了

1
2
3

cd /etc/nginx/conf.d
cp default.conf default.conf.bak
vim default.conf      

DD纯净系统(可选)

咕咕鸽的DD脚本我用不来，网上又找了个。

腾讯云一键dd脚本、Linux NetBoot一键脚本，支持Ubuntu、Debian和CentOS系统

添加 SWAP 虚拟内存(可选)

注意：VPS 的内存如果过小，建议设置一下 SWAP，一般设为内存的 1-1.5 倍即可，可以让系统运行更流畅！

CloudCone默认设置了1G的SWAP

1
2
3
4

root@lumengde:/# free -h
               total        used        free      shared  buff/cache   available
Mem:           1.9Gi        51Mi       1.8Gi       1.0Mi        93Mi       1.8Gi
Swap:          1.0Gi          0B       1.0Gi

设置 SWAP 可以用脚本:

1

wget -O box.sh https://raw.githubusercontent.com/BlueSkyXN/SKY-BOX/main/box.sh && chmod +x box.sh && clear && ./box.sh

选择 18，然后输入你想要扩容的数值即可。

添加新用户+赋予sudo权限+禁止root登录(可选)

提示：这是补充知识，学习一下即可。若是生产环境，最好禁一下root保证安全。

原因：VPS 默认用户名为root，默认端口22，公网IP已知，所以一旦密码被黑客破解，就能在你的服务器中肆意破坏。

目的：禁止root登录可以降低系统被黑客攻击的风险，增强服务器的安全性和稳定性。

好处：通过普通用户管理服务器，需要时通过sudo指令来提权，好处是限制了对系统的操作权限，减少了系统被破坏的风险。此外，一个用户对应一个业务，能降低业务之间的相互影响和干扰，便于管理。

例如：部署站点的管理员为www，Git仓库管理员为git

参考文章：

• CentOS 7.4禁止root用户登录并添加sudo权限管理_51CTO博客_centos创建用户并添加sudo权限
• centos添加普通用户禁止root登录并添加sudo权限_centos禁止普通用户通过sudo修改某个文件-CSDN博客

创建一个普通用户

1

adduser username

username 可自定义。然后输入对应的密码(不可见)，基本信息直接回车就行。

授予普通用户sudo权限

1
2
3
4
5

# 获取修改权限
chmod 740 /etc/sudoers

# 编辑文件
vim /etc/sudoers

vim使用方法。vim指令打开文件后：

按i进入编辑模式，此时文件可修改

修改完成按ESC退出编辑模式

按住 shift + : 出现冒号，输入**wq!**即可强制保存文件并退出。

w为保存，q为退出，!为强制

按住shift + insert为粘贴（笔记本的insert在小键盘的0那里）

找到以下内容：

1
2

## User privilege specification
root    ALL=(ALL:ALL) ALL

在下方添加一行内容：username ALL=(ALL:ALL) ALL，然后 wq 保存退出。

1
2

# 还原修改权限
chmod 440 /etc/sudoers

刷新权限：

1

systemctl restart sshd

此时，普通用户使用 sudo 可以暂时获得root用户的权限，但只限于本条指令，以执行特定命令或访问特定文件。

禁止root登录

1

vim /etc/ssh/sshd_config

在最后找到 PermitRootLogin yes，把 yes 改为 no，然后 wq! 保存退出。

刷新权限：

1

systemctl restart sshd

补充知识

可以chmod 740 /etc/sudoers获取修改权限，然后修改文件，再 chmod 440 /etc/sudoers 修改为只读权限。sshd_config 同理。这种做法安全性高且操作可控。而 wq! 更快捷但是不安全，无法清晰地追踪修改历史。

whereis sudoers指令可以列出 sudoers 关键词在哪些路径里出现过

验证root登录

此时终端先断开当前连接，然后重新连接。会发现无法连接，即使你输入正确的密码，也无法连接。

在FinalShell中新建会话，以SSH远程连接方式登录，用户名和密码填刚才新加的，发现连接成功。

如果是SSH密钥对连接，可以用这个指令登录：ssh your_username@your_server_ip

验证sudo提权

1
2
3
4
5
6
7
8
9
10
11

romender@iZ7xvcu671mq0lrlzj6sbqZ:~$ ls -l /root
ls: cannot open directory '/root': Permission denied
romender@iZ7xvcu671mq0lrlzj6sbqZ:~$ sudo ls -l /root
We trust you have received the usual lecture from the local System
Administrator. It usually boils down to these three things:
    #1) Respect the privacy of others.
    #2) Think before you type.
    #3) With great power comes great responsibility.
[sudo] password for romender:
total 0
romender@iZ7xvcu671mq0lrlzj6sbqZ:~$

普通用户查看root目录：ls -l /root，权限不够被拒绝。使用sudo提权：sudo ls -l /root，输入密码后可以查看，sudo授权成功。

最近抄了个html+css+js实现的影视页面，想用后端实现动态加载内容，但是学习时间不够。之前毕设用到了Django，所以打算重新捡起之前的知识，用Django作为影视网站的后端（还自带后台管理系统），顺便做好笔记防止再次遗忘。

本篇参考教程：20分钟快速用django+mysql+pycharm搭建一个自己的web网站

环境准备

Django的使用需要用到Python、Pycharm、MySQL、Navicat(可选)等。

Python 3.12.2

官网地址：https://www.python.org/

下载：打开官网->点击downloads -> all releases -> 选择版本，点击download（旧版本3.10不支持下载了，目前最新为3.12.2版本）->在下方的Flies里选择Windows installer (64-bit) 【点此下载】

安装：打开安装包 -> 勾选下面两个配置，选择Customize installation->点击Next，自定义安装位置，点击Disable Path Length Limit。

注意：自定义路径记得多加上一层文件夹，安装完别移动，否则自动添加的环境变量可能失效，安装程序也无法卸载移动后的程序。

在cmd中，输入 python 和pip -V，如果能看到版本信息则配置成功。

1
2
3
4
5
6

C:\Users\Administrator>pip -V
pip 24.0 from D:\Program Files\Python\Python312\Lib\site-packages\pip (python 3.12)
C:\Users\Administrator>python
Python 3.12.2 (tags/v3.12.2:6abddd9, Feb  6 2024, 21:26:36) [MSC v.1937 64 bit (AMD64)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

PyCharm Community Edition

官网地址：https://www.jetbrains.com/pycharm/

下载：打开官网，点击Download，滑动到下方，下载PyCharm Community Edition(社区版免费使用)，点此下载

安装：打开安装包->自定义安装路径，全勾选，安装即可

MySQL 8.3.0

官网地址：https://www.mysql.com/

下载：点击此链接 下载最新版msi文件

安装：请阅读 全网最简单的Mysql 8.3 安装及环境配置教程

• 安装：双击，Typical，…选择安装路径…密码建议root，Sample Databases可选勾选创建，点击Copy Log to Clipboard，Finish。
• 配置：按win键打开MySQL并登录。win+R 打开services.msc，找到并双击MySQL83，复制到bin路径。按win搜编辑系统环境变量，修改环境变量，在系统变量-path中添加刚才复制的bin路径，三次确定完成配置。按win搜cmd，管理员身份打开，输入mysql -V显示版本则安装成功。

Navacat 16

Navicat用来可视化操作数据库数据。

脚本之家破解版安装教程：https://www.jb51.net/database/710931.html

创建Django项目

打开终端，cd进入自定义的Django文件夹

1
2
3

mkdir D:\Coding\djangoProject
D:
cd D:\Coding\djangoProject

安装虚拟环境工具：

1

pip install virtualenv

创建虚拟环境：

1

virtualenv env

激活虚拟环境（虚拟环境env会自带python和pip）：

1

env\scripts\activate

不创建虚拟环境则 pip install 默认会安装到 G:\python-3.10.3\Scripts

使用虚拟环境的好处是每个项目有各自相互隔离的独自的依赖库，不会相互影响，并且能将项目与其环境隔离开来方便管理。

创建的env自带python和pip工具

在env中安装Django：

1

pip install django

创建Django项目：

1

django-admin startproject mysite

停用虚拟环境：

1

env\scripts\deactivate

将env文件移动到D:\Coding\djangoProject\mysite里，用Pycharm打开mysite文件夹。

在左下角打开Terminal（注意左侧是否有env启动标志），输入命令启动项目：

1

python manage.py runserver

在浏览器打开http://127.0.0.1:8000/，能看到小火箭则项目成功启动。在下方可以查看文档和官方入门教程。

在Terminal中按ctrl + c可关闭项目。

【小火箭的图】

创建自己的网站应用

打开settings.py，在最下方设置语言和时区

1
2
3

LANGUAGE_CODE = 'zh-hans' 

TIME_ZONE = 'Asia/Shanghai'

Django项目由多个应用组成，每个应用负责一个业务。这里创建movies应用，负责影视网站的业务。

创建APP：

1

python manage.py startapp movies

在settings.py中注册APP：

1
2
3
4
5
6
7
8
9

INSTALLED_APPS = [      # 都是Django内置的一些功能，依赖于Django的表
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'movies.apps.MoviesConfig',     # 注册movies应用，逗号别漏了
]

修改mysite的urls.py文件内容如下：

1
2
3
4
5
6
7
8

# mysite/urls.py
from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('movies/', include('movies.urls')),
]

新建movies的urls.py内容如下：

1
2
3
4
5
6
7

# movies/urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('', views.toLogin_view ),  # 默认进入toLogin_view视图
]

修改movies的views.py内容如下：

1
2
3
4

from django.shortcuts import render

def toLogin_view(request):
    return render(request, 'login.html')

创建模板：在movies文件夹下创建templates文件夹用来存放模板

编写模板：在templates模板下创建login.html并编写登录界面

1
2
3
4
5
6
7
8
9
10

<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<form> 
    <p>这是一个登录网站</p>
</form>
</body>
</html>

配置模板路径：在settings.py的TEMPLATES的DIR一行改为：

1

'DIRS': [os.path.join(BASE_DIR, 'templates')],

并在顶部添上import os防止报错

此时启动项目，打开http://127.0.0.1:8000/movies/ 能看到login.html页面

MTV概念

MTV 是 Django 框架中的一个核心概念，它是一种基于模型（Model）、模板（Template）、视图（View）的设计模式，用于构建 Web 应用程序，与MVC模式相近。

简单来讲：

• 模型（Model）：定义数据结构和行为，通常由 Python 类表示，与数据库中的表相对应。
• 视图（View）：处理用户请求的逻辑，接收 HTTP 请求并返回 HTTP 响应，负责将模型和模板之间的交互结合起来。
• 模板（Template）：表示用户界面的呈现，包含 HTML 结构和 Django 模板语言，用于动态地将数据呈现给用户。

【MTV的图】

在上面的例子中，浏览器访问网站时，通过mysite的urls匹配到’/movies’，转到movies的urls中，匹配到’’，通过movies的views中的toLogin_view视图来处理请求逻辑，即渲染login.html并返回给浏览器，由于还没用到数据库，所以没有涉及Model。

ORM概念

Django引入了ORM的概念（全称Object Relational Mapping，即对象关系映射），对于与数据库的交互，我们无需再去编写原生sql，取代代之的是基于面向对象的思想去编写类、对象、调用相应的方法等，ORM会将Model里的Python代码转换/映射成为 SQL 语句，SQL 语句通过 pymysql 传送到数据库服务端，在数据库中执行 SQL 语句并将结果返回。

了解相关知识请阅读：Django之ORM

【ORM的图】

通过编写Model的代码，ORM框架自动将代码转换为对应的sql语句。开发人员无需考虑SQL的优化和数据库迁移问题，ORM都帮我们做好了优化且支持多种数据库，大大的提升了开发效率。

连接到MySQL数据库

通过pymysql模块连接

1.安装pymysql模块

在左上角Main Menu->File->Settings-> Project: mysite -> Python Interpreter，这里可以看到当前项目的env里已安装的依赖

点+号 -> 输入pymysql -> 点击下方install package

（以上两步也可以在Terminal里输入 pip install pymysql实现）

2.生成数据库

打开Navicat->连接->MySQL，连接名自定义，密码为root，确定。双击连接名激活后Navicat成功连接MySQL

右击连接名，新建数据库，库名 mysite，字符集 utf8mb3，排序规则utf8_general_ci（库内不区分大小写）

（以上两步也可以打开MySQL Command Line Clint通过create database mydb DEFAULT CHARSET utf8 COLLATE utf8_general_ci;指令创建数据库）

3.Django连接MySQL数据库

修改项目文件mysite/settings.py中DATABASES的内容，设置连接MySQL数据库（Django默认使用的是sqllite数据库）

1
2
3
4
5
6
7
8
9
10

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'test',
        'USER': 'root',
        'PASSWORD': 'root',
        'HOST': '127.0.0.1',
        'PORT': '3306',
    }
}

修改 mysite/init.py 文件，告诉Django使用 pymysql 模块连接MySQL数据库

1
2

import pymysql
pymysql.install_as_MySQLdb()

这样mysite项目就连接上了MySQL中的 mysite 数据库。在Terminal中按ctrl+c先关闭正在运行的项目

（以上还可以用mysqlclient模块连接，似乎效果更好）

4.数据迁移，创建管理员账号并进入后台

然后执行迁移，将项目中原有的应用的模型同步迁移到数据库

输入 py manage.py migrate ，此时就把项目中自带的应用的模型映射到了数据库中

输入 py manage.py createsuperuser 创建项目的管理员账号(默认账户名为administrator)

重新启动项目，输入网址：http://127.0.0.1:8000/admin 就进入了Django自带的后台登录界面

设计模型、模板和视图

前面创建项目并连接上数据库，可以成功进入登录界面

接下来就是设计登录注册界面及其业务逻辑

直接贴代码：

login.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<form action="/movies/index/" method="post"> 
    {% csrf_token %}
    <p><label>用户名： </label><input name="user"/></p>
    <p><label>密码： </label><input name="pwd"/></p>
    <input type="submit" value="登录">
    <a href="/movies/to_register/">注册</a>
</form>
</body>
</html>

register.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<form action="/movies/register/" method="post">
    {% csrf_token %}
    <p><label>用户名： </label><input name="user"/></p>
    <p><label>密码： </label><input name="pwd"/></p>
    <input type="submit" value="注册">
</form>
</body>
</html>

csrf 全称是 Cross Site Request Forgery。这是Django提供的防止伪装提交请求的功能。需要在form表单里加上。

movies/urls.py

1
2
3
4
5
6
7
8
9

from django.urls import path
from . import views

urlpatterns = [
    path('', views.toLogin_view ),
    path('index/', views.Login_view ),
    path('to_register/', views.toRegister_view ),
    path('register/', views.Register_view ),
]

movies/models.py

1
2
3
4
5
6

from django.db import models

class UserInfo(models.Model):   # Django的Model在MySQL数据库中其实就是一张数据表
    user_id = models.CharField(primary_key=True, max_length=20,)
    user_name = models.CharField(max_length=20)
    user_pwd = models.CharField(max_length=20)

执行指令，将数据模型迁移到数据库：

1
2
3

py manage.py makemigrations polls

py manage.py migrate

此时，用Navicat查看，mysite数据库中会多出一张movies_userinfo表

往里面输入数据，登录时会将账号密码与表内数据进行配对，不正确则无法登录

注册时，正确输入账号密码后，会在表内增加一条数据。

movies/views.py

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

from django.http import HttpResponse
from django.shortcuts import render
from .models import *

# 渲染登录界面
def toLogin_view(request):
    return render(request, 'login.html')

# 点击登录后做的逻辑判断
def Login_view(request):
    u = request.POST.get("user",'')
    p = request.POST.get("pwd",'')

    if u and p:
        c = UserInfo.objects.filter(user_name = u, user_pwd = p).count()   # 能获取的数据的条数
        if c >= 1:
            return HttpResponse("登录成功！")
        else:
            return HttpResponse("账号密码错误！")
    else:
        return HttpResponse("用户名或密码不能为空！")

# 渲染注册界面
def toRegister_view(request):
    return render(request, 'register.html')

# 点击注册后做的逻辑判断
def Register_view(request):
    u = request.POST.get("user", '')
    p = request.POST.get("pwd", '')
    if u and p:
        user = UserInfo(user_name = u, user_pwd = p)
        user.save()
        return HttpResponse("注册成功！")
    else:
        return HttpResponse("请输入完整的账号和密码！")

视图显示和请求处理都分成两个函数处理。

最后，启动项目，进入 http://127.0.0.1:8000/movies/ 查看效果

以上是所有内容：

1. 创建Django项目
2. 连接mysql 并创建数据库
3. 设计登录注册界面并且能和数据库交互进行判断

Django的模型可以映射到数据库中。反过来，数据库也可以反映射到model.py中输入指令：py manage.py inspectdb > movies/models.py

然后打开model.py可以看到，数据库中的数据表输出为Model

CloudFlare是一个提供一系列云计算服务，包括 DNS（域名系统）服务和 CDN（内容分发网络）服务的公司。

DNS服务帮助将域名解析为对应的 IP 地址，而CDN服务则通过在全球分布的服务器上缓存内容，提供更快的网站加载速度和更可靠的内容交付。

我们可以给自己服务器的IP套个CF防止IP被强，或者被强了通过CF可以穿强。浏览器先访问CF的国内服务器，它再找到我们的海外服务器，以此来隐藏自己服务器的IP，最终只会封到域名。在这过程中，CF承担正向代理的角色。

此外，我们还可以通过CF的worker来批量获取免费节点。以下教程将介绍如何获取。

该方法要求先要自己有有可用的代理。可以先去买个临时的。

本文参考教程：授人以渔-cloudflare批量免费拉取机场vpn的节点，workers高速机场节点抓取，优选IP解锁ChatGPT，Netflix流媒体，YouTube 4K8K - YouTube

CF worker设置

首先打开 CloudFlare 网站，并注册账号。

然后点击【左侧】 Workers和Pages->Overview->【右侧】Ceate Worker->自定义项目名字->Deploy

记住Preview your Worker下方的地址：https://项目名.你的cf昵称.workers.dev/

然后点击Edit Code，删除worker.js里面的代码

打开网站，复制 这里的 所有代码，回到cloudflare，粘贴到worker.js中，然后点击Save and deploy

【cf的图，保存至无用/临时】

安装v2rayN

打开v2rayN下载地址：https://github.com/2dust/v2rayN/releases ，选择下载v2rayN-With-Core.zip

解压，双击v2rayN.exe文件，自动跳转浏览器下载.NET 6.0 Desktop Runtime (v6.0.26) - Windows x64 Installer，然后安装下就可以了。

.NET网站备份：https://dotnet.microsoft.com/zh-cn/download/dotnet/thank-you/runtime-desktop-6.0.26-windows-x64-installer?cid=getdotnetcore

可循环步骤

我们会先获取和筛选本机IP可连接到CF的哪些IP，然后再通过这些IP来订阅服务获取节点。以下步骤可多次循环，以找到最好用的节点。

CF 优选IP

打开CF优选IP工具 cf-ip-scanner ，右侧选择CN换成中文版，先关闭所有代理，然后点击开始(绿色按钮)

【网站页面的图】

他会测试你本机IP到CF CDN各个服务器的IP的速度和ping值。然后我们在列出的IP中选择一个延迟最低的IP。

如果点击开始后就显示一个Done/已完成。可以先打开代理刷新网站，再关闭代理刷，然后点击开始。

订阅服务并筛选可用节点

打开v2rayN，新增订阅分组，可以命名为cf_该IP，地址拼接修改后为：https://项目名.你的cf昵称.workers.dev/sub/替换为刚才获取的低延迟IP

然后打开已有的可用代理，更新cf_该IP订阅(通过代理)，会获得一批节点，但是并不是都能用的，需要进行筛选。

然后清除代理，在cf_该IP分组按ctrl+e，一键测试这些节点的延迟和速度(流量党检测的速度不准确，需要一个一个检测)

也可以选中部分节点，ctrl+P测延迟，ctrl+T测速度

然后点击延迟列进行排序，把延迟高的全删了(延迟-1表示无法连接)，留下低延迟可用节点。技巧：可以通过shift+点击快捷键来快速选中多个节点。

将某个低延时速度快的节点设为活动服务器，开启代理。

可用网站/流媒体 检测

这个网站可以查询本机IP和代理IP

可以测试自己想用的网站是否可访问/解锁 流媒体和国内部分网站

网上都是在VPS的Linux系统下通过脚本实现，这里我用笨方法

在桌面新建文本文件，重命名为test.bat，右键->编辑 粘贴以下代码(ChatGPT写的)并保存：

1
2
3
4
5
6
7
8
9

@echo off

rem 设置要打开的网站列表
set "websites=www.netflix.com www.youtube.com www.hulu.com www.disneyplus.com www.iqiyi.com www.bilibili.com v.qq.com youku.com www.douyin.com www.csdn.net chat.openai.com"

rem 循环打开每个网站
for %%i in (%websites%) do (
    start "" "http://%%i"
)

可以自定义需要检测的网站。双击该bat文件就会自动通过默认浏览器打开这些网站，然后看看哪些网站打不开/未解锁。

像Github之类的国外网站基本国外节点都能访问，只需看看流媒体以及想访问的国内网站解锁情况。

切换其他节点进行测试时，只需把鼠标放在标签栏上，快捷键Ctrl + Shift + R即可重新打开/刷新所有标签页。

重复以上步骤，保存一些低延迟网速快的节点并备注即可。

参考链接：

• Hexo部署到VPS - Configuration | NightFury’s Blog = NightFury = 行动胜于空想

• Hexo博客部署到VPS | 张洪Heo

• Deploy Hexo Blog to VPS |部署Hexo博客到VPS | Yingchi’s blog (peiyingchi.com)——这篇通过rsync部署

前置条件：已经在本地搭建好了Hexo博客，本地搭建博客也可以在本站找到对应教程。

网上有两种自动部署方案：rsync和git hook，本文用最常用的git hook。

吐槽：Hexo只是个静态博客，一点点页面只占几十M内存…也没必要用Docker，不方便本地修改内容再同步

git用户设置

• 创建git用户

安装git和用得到的软件

1

apt update -y && apt install sudo vim git

创建git用户，根据提示输入密码(不显示)

1

adduser git

• 赋予git用户sudo权限

1
2
3
4
5

# 获取sudoers文件读写执行权限
chmod 740 /etc/sudoers

# 修改sudoers文件
vim /etc/sudoers

找到root ALL=(ALL:ALL) ALL这一行并在下方新加一行：

1

git ALL=(ALL:ALL) ALL

1
2

# 改回sudoers文件权限为仅读写
chmod 400 /etc/sudoers

• 配置git用户的ssh

先在电脑本地生成ssh密钥（如果已经有了就不用再生成），打开cmd输入：

1

ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

然后在你的C盘/用户/用户名/.ssh/里会有私钥id_rsa和公钥id_rsa.pub，复制公钥的内容。

1
2
3
4

cd /home/git
mkdir .ssh
cd .ssh
vim authorized_keys

把复制的公钥粘贴进去并保存。

现在就配置好了ssh，我们可以在cmd中通过ssh git@VPS的IP连接到VPS的git用户，进行各种操作。

1
2
3

# 限制仅允许所有者读写、执行文件。防止未经授权的用户访问和修改关键的 SSH 文件，从而提高系统的安全性
chmod 600 ~/.ssh/authorized_keys
chmod 700 ~/.ssh

目的：因为SSH密钥匹配免密登录，所以后面hexo d能直接通过ssh连接推送到VPS的仓库，而不用输入密码。

• 关闭git用户shell权限

git用户不需要太大权限，只需要能操作git仓库即可。

因此可以关闭 git 用户的 shell 权限：

1
2

cd /
vim /etc/passwd

将最后一行的 git:x:1000:1000:,,,:/home/git:/bin/bash

修改为 git:x:1000:1000:,,,:/home/git:/usr/bin/git-shell。

这样，我们可以正常通过 ssh 登录 git，但无法使用 shell，因为我们为 git 用户指定的 git-shell 每次一登录就自动退出。

1
2
3
4
5
6
7
8
9
10
11
12

C:\Users\Administrator>ssh git@142.171.245.130
Linux lumengde.com 5.10.0-8-amd64 #1 SMP Debian 5.10.46-4 (2021-08-03) x86_64

The programs included with the Debian GNU/Linux system are free software;
the exact distribution terms for each program are described in the
individual files in /usr/share/doc/*/copyright.

Debian GNU/Linux comes with ABSOLUTELY NO WARRANTY, to the extent
permitted by applicable law.
fatal: Interactive git shell is not enabled.
hint: ~/git-shell-commands should exist and have read and execute access.
Connection to 142.171.245.130 closed.

如果报错：

1
2
3

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@    WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!     @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

那就把本地电脑的C盘/用户/用户名/.ssh/known.hosts文件删除，再次连接应该就行了。

创建博客网站目录

1
2

cd /
mkdir -p /var/www/blog 

初始化blog.git博客仓库

1
2
3
4
5
6
7
8
9
10

# 进入git用户目录
cd /
cd /home/git

# 创建Hexo博客的仓库，比如blog.git
mkdir blog.git

# 使用--bare参数初始化为裸仓库，这样创建的仓库不包含工作区
cd blog.git
git init --bare

确保目录的用户权限组为git

1
2
3
4
5
6
7
8
9

root@lumengde:/# ls -l /var/www/blog
total 4
drwxr-xr-x 2 root root 4096 Feb 21 05:25 blog
root@lumengde:/# ls -l /home/git/blog.git
total 4
drwxr-xr-x 7 root root 4096 Feb 21 05:20 blog.git
root@lumengde:/# ls -l /home/git/.ssh
total 4
-rw-r--r-- 1 root root 576 Feb 21 05:17 authorized_keys

一般来讲执行这三个指令，返回的是root root，所以需要修改权限来变成git git

1
2
3

sudo chown git:git -R /var/www/blog
sudo chown git:git -R /home/git/blog.git
sudo chown git:git -R /home/git/.ssh

执行完再ls -l xxx检查一下。

配置git hooks脚本

通过编写 Git Hooks 脚本，本地上传博客后，能自动把仓库里的文件拉取到网站目录中。

1
2
3
4
5
6
7
8
9
10
11
12

cd /
cd /home/git/blog.git/hooks
vim post-receive

# 以下为填入的内容
GIT_REPO=/home/git/blog.git   #仓库路径
TMP_GIT_CLONE=/tmp/blog          #临时目录
PUBLIC_WWW=/var/www/blog      #网站路径
rm -rf ${TMP_GIT_CLONE}
git clone $GIT_REPO $TMP_GIT_CLONE
rm -rf ${PUBLIC_WWW}/*
cp -rf ${TMP_GIT_CLONE}/* ${PUBLIC_WWW}

当hexo d部署到VPS的blog.git仓库上时，Git Hooks 脚本自动执行流程：

• 删除临时目录/tmp/blog里的所有内容
• 将/blog.git仓库内的文件拷贝到临时目录/tmp/blog里
• 删除网站目录/www/blog内所有内容
• 将目录/tmp/blog里的内容拷贝到网站目录/www/blog内

赋予post-receive文件可执行权限

1

chmod +x post-receive

Nginx配置反向代理

Nginx Proxy Manager好用是好用，但是我们最好还是了解下Nginx怎么用，配置怎么写，以后图方便了再用NPM。

安装Nginx

官方链接，跟着做就行：【nginx: Linux packages】

【注意】中间安装Stable还是Mainline版本，选前者 Stable。

nginx -v能够看到Nginx版本号说明安装成功。

配置Nginx

1
2
3
4
5
6

# 新版nginx文件结构和以前版本不一样，所以这一步跟往年教程不一样：
cd /etc/nginx/conf.d
# 第一次用的时候备份一下默认的配置文件
cp default.conf default.conf.bak
# 如果部署多个网站，server块都添加到这个default.conf里就行
vim default.conf

粘贴以下配置信息，server_name更改为你的域名：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

server {
    listen 80 default;      #默认监听80端口，所有.conf文件只能有一个server设置了default【切记！！】
    root /var/www/blog;     #网站根目录
    server_name blog.lumengde.com;  #网址，可以加上www.xxx，英文逗号+空格来隔开
    access_log  /var/log/nginx/blog_access.log;
    error_log   /var/log/nginx/blog_error.log;
    error_page 404 =  /404.html;

    location ~* ^.+\.(ico|gif|jpg|jpeg|png)$ {
        root /var/www/blog;
        access_log   off;
        expires      1d;
    }

    location ~* ^.+\.(css|js|txt|xml|swf|wav)$ {
        root /var/www/blog;
        access_log   off;
        expires      10m;
    }

    location / {
        root /var/www/blog;
        if (-f $request_filename) {
        rewrite ^/(.*)$  /$1 break;
        }
    }

    location /nginx_status {
        stub_status on;
        access_log off;
    }
}

注意如果多于一个server，后续listen 80无需default。编辑好后，保存并退出。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 启动Nginx
systemctl start nginx

# 设置开机自启动
systemctl enable nginx

# 查看运行状态
systemctl status nginx

# 备用指令：
## 查看修改后的.conf配置语法是否正确
nginx -t
## 重启Nginx以更新配置
systemctl restart nginx

如果启动Nginx报错（很有用）：

Nginx——Nginx启动报错Job for nginx.service failed because the control process exited with error code-CSDN博客

补充知识

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

旧版的Nginx配置文件为`/etc/nginx/sites-available`里的`default`；现在安装的新版配置文件为`/etc/nginx/conf.d`里的`default.conf`。



一般在第一次使用时，先备份一下默认配置文件`cp default.conf default.conf.bak`，`.bak`后缀表示这是一个备份文件。



在 Nginx 中，一个 `server` 块通常用于定义一个虚拟主机（Virtual Host），可以是一个网站。但是，`server` 块不仅仅可以用于定义网站，还可以用于其他的配置，例如反向代理、负载均衡等、HTTPS 服务等。



当 Nginx 启动时，它会加载所有配置文件，并将它们合并成一个整体的配置。所以我们可以把所有`server`块都写在`default.conf`里，或者使用多个不同的`xxx.conf`文件，编写各自的`server`块，一个文件叠加多个`server`块不用逗号隔开。



在Nginx的所有`.conf`配置中，只能有一个`server`块设为`default`，否则会报错。当客户端发送一个请求时，通常会包含一个主机头（Host Header）。这个主机头指定了客户端要请求的具体主机名（域名）。Nginx 根据请求的主机头来匹配相应的 `server` 块来处理请求。如果请求中的主机头与配置文件中的任何一个 `server` 块的 `server_name` 指令不匹配，Nginx 将会选择默认`server`块来处理这个请求。这样可以确保即使请求中没有明确指定主机头，Nginx 也能够正确地处理请求。



如果不使用 `default` 参数，Nginx 将按照配置文件中 `server` 块的顺序逐个匹配请求的主机头，而不会将任何一个 `server` 块标记为默认服务器块。这种情况下，必须确保每个请求都能匹配到相应的 `server` 块，否则请求会被发送到第一个 `server` 块中配置的网站。如果该网站有配置错误或无法处理该请求，可能会返回 404 错误页面或其他错误信息给客户端。



举个例子：如果其他域名例如`test.lumengde.com`解析到我的VPS IP上，但是我的Nginx没有对应的server(server_name匹配不到)，则跳转到default server即我的博客上，网址不变。如果没设置默认server，则跳转第一个`server`块处理，即跳转到我的博客网站。

配置Hexo，同步到服务器

打开Hexo的配置文件_config.yml，修改以下内容：

1
2
3
4
5
6
7
8
9

url: 你的博客域名

deploy:
  - type: git
    repo: git@github.com:lumengde123/lumengde123.github.io.git
    branch: main
  - type: git
    repo: git@你的VPS的IP:/home/git/blog.git
    branch: master

原先使用Github Page需要用到CNAME，但是这里Nginx的server_name指定了域名对应的网站文件目录，所以非必须。

然后Hexo三连，博客的/public文件夹会同步到github的xxx.github.io仓库main分支和VPS的blog.git仓库的master分支里。

域名解析

我是海外VPS，博客没备案且有违规文章，怕IP被封，所以套了cloudflare。以下是解析记录以供参考。

如果你也用了CloudFlare，需要把SSL/TLS改成Flexible(灵活模式)，不然可能会报错误代码521，因为我们还没申请SSL证书，无法使用HTTPS，Nginx也没监听443端口。

此时，打开你的博客网站域名，就能访问博客主页。但是只能通过HTTP协议，即http://xxxx.com 来访问，我们Nginx配置监听的也是HTTP对应的80端口。后面还需要配置在SSL/TLS证书才能用https。

报错解决:

如果无法正常访问，可以打开DNSPod 域名检测工具 网站健康免费诊断 - WHOIS查询_网络拨测_故障排查_证书_备案 - 腾讯云 DNSPod输入你的域名检查哪里有问题。

如果是国内云服务器，记得在安全组中打开80 443端口。并且国内服务器给域名备案才能访问。

成功访问后可以测测网站访问速度：网站测速-免费域名检测-网站测速-ping检测-域名污染-域名被墙-dns查询-IPv6网站测试-路由跟踪查询-劫持检测-SSL检测-TCP检测-UDP检测 (aicesu.io)

申请SSL证书

用Certbot给在Cloudflare上的domain申请Let’s Encrypt的泛域名证书

Certbot是一个ACME客户端，也是ACME客户端的参考实现，使用Python编写。Certbot默认使用Let's Encrypt作为证书颁发机构。选择Let’s Encrypt是因为它颁发的 SSL/TLS 证书是免费的。

泛域名证书，简单来说，申请了*.lumengde.com，则该域名的所有子域名都包含在内都可以使用该SSL/TLS证书，不用一个域名一个域名地申请，又乱又麻烦。

参考教程：更新：为 NGINX 配置免费的 Let’s Encrypt SSL/TLS 证书 (nginx-cn.net)

下载Let’s Encrypt客户端：

1
2
3

apt-get update
sudo apt-get install certbot
apt-get install python3-certbot-nginx

利用certbot 自动完成 NGINX 的 SSL/TLS 配置：

1

sudo certbot --nginx -d example.com -d *.example.com

使用 NGINX 插件生成证书，certbot会在 NGINX 配置中查找并修改包含 server_name 指令（含有您为其请求证书的域名）的 server 块。输入自己的邮箱即可。

证书生成后，NGINX 重新加载新设置。certbot 生成一条消息：Congratulations!xxxxx，显示证书成功生成，并指示证书在服务器上的位置。

如果用了cloudflare，这里会报错，直接看下一小节

1
2
3

Performing the following challenges:
Client with the currently selected authenticator does not support any combination of challenges that will satisfy the CA. You may need to use an authenticator plugin that can do challenges over DNS.
Client with the currently selected authenticator does not support any combination of challenges that will satisfy the CA. You may need to use an authenticator plugin that can do challenges over DNS.

解决办法：看下一小节。

此时我们再打开default.conf文件，能看到它自动为我们的server块添加了监听443端口和一些ssl配置。

重启Nginx更新一下配置即可

1

sudo systemctl reload nginx

然后输入https://xxx.com就能正常打开了（没开魔法访问可能需要等一会DNS缓存）

• 自动更新Let’s Encrypt证书

我们申请的Let’s Encrypt证书只有90天有效期，到期需要手动更新，比较麻烦。这里我们添加一个cron任务来实现自动更新证书。

1
2
3
4
5

# 打开crontab文件
crontab -e

# 在文件中添加以下内容：
0 12 * * * /usr/bin/certbot renew --quiet

保存并关闭文件。所有已安装的证书将自动更新和重新加载。

该命令每天中午12点检查服务器上的证书是否会在未来 30 天内到期，如果是，则更新证书。--quiet 指令告知 certbot 不要生成输出。

Cloudflare申请Let’s Encrypt证书

参考教程：用Certbot给在Cloudflare上的domain申请Let’s Encrypt的泛域名证书 - 微言解语 (ausmis.com)

• 获取Cloudflare API Tokens

打开Cloudflare，点击人像->My Profile->API Tokens->Create Token->选择Edit zone DNS->

Zone Resources可以Special zone选你的域名，仅该域名能使用该API Token（更安全），每次有新域名都申请各自的API Token；或者改为All zones，所有域名都可用（更方便）

最后点Continue to summary就好了。申请完Token之后要保存下来，仅显示一次且后面要用到，同时Cloudflare也提供一个验证的脚本，在shell上执行一下看看该token能否正常工作。

• 配置cloudflare.ini

接下来开始准备cloudflare.ini文件，这个文件会被Certbot用于直接做DNS Challenge，所以非常重要，没有这个文件就无法生成泛域名证书了。

1
2
3
4
5
6
7
8
9
10
11

# 创建目录
mkdir -p ~/.secret/certbot

# 编辑ini文件
vim ~/.secret/certbot/cloudflare.ini

# Cloudflare API token used by Certbot
dns_cloudflare_api_token = 这里填入刚才获取的 API Token

# 设置文件正确权限
chmod 600 ~/.secret/certbot/cloudflare.ini

安装Certbot的Cloudflare API的插件。

1

sudo apt update && apt install python3-certbot-dns-cloudflare

• 生成泛域名证书

1

certbot --dns-cloudflare -d lumengde.com -d *.lumengde.com -i nginx

提示：Which server blocks would you like to modify?，选择所有跟*.lumengde.com有关的server的序号，英文逗号隔开。直接回车则为全选。

脚本运行中要问你要Cloudflare的配置文件，输入下面字符串：

1

~/.secret/certbot/cloudflare.ini

然后它就会自动修改Nginx里的配置，网站开放443端口，可以使用https访问了。此时cf里把SSL/TLS改成Full或者Full(Strict)都行了。

再回到上一小节默认创建一个自动跟新证书的cron任务即可。

注意：生成的这一段话只需要在主域名的server块有就行，能作用到整个配置文件的所有server块中。

1
2
3
4

ssl_certificate /etc/letsencrypt/live/lumengde.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/lumengde.com/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

扩展阅读（看不懂）：[记录]使用Certbot与Cloudflare插件申请通配符证书 - 掘金 (juejin.cn)

• 学习Linux
• 除了博客，当你有一台云服务器时还可以自部署哪些免费、开源的项目？
• GXNAS博客 - 分类：网站
• 个人博客 Typecho/WordPress/Vue Press 宝塔面板可以，Docker还不会
• 漫画/影视Emby/听歌MV/工具/新闻资讯热榜网站、
• 网址导航站 Webstack/
• 搭梯子/github开源项目：openVpn/vmess + tls + ws + cdn
• 私有云网盘
  • cloudreve上传下载速度最快，支持离线下载和挂载其他网络存储
  • ownCloud：分享时可设置可编辑和游客上传
  • Alist
  • nextCloud：分享时可设置可编辑和游客上传，UI漂亮插件丰富，但是不好装，太大了性能差，卡占宽带占内存。高配可用，低配勿用
  • filerun：收费了，文件在线浏览和缩略图预览功能最好。支持断点续传，支持分享游客上传文件夹。
  • seafile：同步功能最好，但是上传的文件不能直接读取
  • 可道云
    【补充】个人cloudreve不错的，公司nas和seafile不错
• Aria2 图形化面板：ArizNg + OLAINDEX + 离线下载转存Onedrive ✓想办法装在Docker里
• 笔记系统/wiki/Outline
• 爬虫+数据整理+可视化、其他小工具–代理IP来爬，防止被封/爬知乎的回答
• 密码管理系统 bitwarden成功，vaultwarden失败
• api制作
• 个人书库
• Wallabag 离线保存网页
• 网店/在线支付平台、私人购物网站、线上小店
• 在线编辑器，需要用时再启动
• Draw.io是开源的在线流程图绘制工具，支持docker部署，支持在服务器和本地搭建。 ✓
• 图库、site静态资源。相册，可以使用对象存储
• Matomo 查看访客数据,性能检测netdata
• jupyter notebook Docker一键部署Jupyterhub，走捷径了
• 跑脚本/贴吧签到Tieba-Cloud-Sign、
• 学习Linux和docker
• 训练各种AI模型，部署ChatGPT-Next-Web
• 搭建游戏服务器
• 在线聊天室 Jabber、
• 内网穿透（干啥用的？）
• 挂机、广告回本

云服务提供商

国内

• 腾讯云
• 阿里云
  -华云

海外

• CLOUDCONE(简称：CC)
• RackNerd（简称RN）
• BandwagonHOST（简称：搬瓦工）
• Vultr
• DMIT
• 狗云
• AWS 亚马逊
• Azure 微软

云服务推荐榜单

注意：先通过CF隐藏VPS的真实IP地址
补充：

• 了解一下树莓派
• 买完服务器测试一下流媒体

在语境中学单词：英语短文，适合练习口语

英语老师夏至：英语生活中各种物品的词汇大普及

英语播客系列

汤圆学英语：大量英语博客系列合集

英语播客党：大量英语博客系列合集

艾登英语：英语播客系列Listening time

短视频系列

跟着Giovana地道学英语：以短视频情景的方式介绍一些日常生活用语的使用

英语薯条：各类英语短视频+中文字幕

青松学英语：短视频+无字幕、英文字幕、中英字幕三轮

英语杂谈：【情景英语】Ariannita la Gringa

磨耳朵系列

口语学习站：英语机翻视频

英语理想国：英文童话故事合集

英语攻略：英语常用句子无脑循环几小时

默认收集

Bob-the-Canadian：汉化搬运

英语兔：英语发音技巧

YouTube口语精选：都是很长的视频

YouTube精选万国语：都是很长的英语系列视频

YouTube英语学习：分享听力/口语/语法/词汇/阅读/公开课

林小鹿英语精读：外刊精读

原味英语听力：BBC英语新闻切片学习

Book

• 《Practice Makes Perfect: English Conversation》
• 《Speank English Around the Town》

WebStackPage网址导航有多种搭建方式，例如WordPress、Hugo等。本文用Hexo来搭建。

项目链接：hexo-theme-webstack | 一个基于webstack的hexo主题 (github.com)

• 好处：静态网站不用数据库，占用内存低，好配置。

• 缺点：没有后台管理系统，纯靠编写配置文件不方便，而且只能本地推送更新站点。

本文流程：先在本地搭建，接着美化，部署到Github。附加：配置VPS环境，部署到VPS上。

本地搭建参考教程：优雅的使用Webstack打造个人网址导航-腾讯云开发者社区-腾讯云 (tencent.com)

搭建本地环境

如果之前已经搭建过Hexo博客，本地已经安装好了环境，本小节可跳过。

安装Git

Git 简单来说就是能让你提交本地代码到远程仓库，还能追踪历史提交记录。

打开Git - Downloading Package (git-scm.com)，选择64-bit Git for Windows Setup。

基本无脑下一步就行。在Choosing the default editor used by Git这一步选择Use Visual Studio Code as Git's default editor。

安装完可以在cmd中输入git --version指令检查是否安装成功

配置 Git 全局用户信息

当你提交代码时，Git会使用这个用户名作为代码提交的作者名称。这个邮箱地址将用于关联你的提交记录。

1
2

git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

安装Node.js

Node.js 是 Hexo 的运行环境，安装 Node.js 后可以在你的计算机上运行 Hexo。

打开Node.js (nodejs.org)，下载左边那个LTS版本。

一样无脑安装。在cmd中输入检查是否安装成功，返回版本信息。

1
2

node -v
npm -v

安装Hexo

Hexo 是一个静态网站生成器，当你用 Markdown 编写完博客内容后，可以将.md文件生成静态网页。

将npm镜像源改为淘宝，减少访问外网的网速影响（有魔法可跳过）

1

npm config set registry "https://registry.npm.taobao.org"  

安装hexo命令行工具（-g 表示全局安装，意味着安装的包将在系统的整个环境中都可用，可以在cmd中直接调用相关的命令。）

1

npm install hexo-cli -g

搭建WebStack本地站点

初始化Hexo仓库

1
2
3
4

cd D:
mkdir mySite
cd mySite
hexo init blog

这里在D:/mySite/blog初始化了一个Hexo仓库，路径可自定义。

安装项目所需依赖：npm 会读取项目中的 package.json 文件，并安装该项目所依赖的所有包。

1

npm install

此时就搭建好了一个本地Hexo博客网站。

启动网站

1
2

hexo g
hexo s

在浏览器打开 http://localhost:4000/，即可看到Hexo网站首页，默认主题。

安装WebStack主题

在cmd中按ctrl+c先关闭本地服务器，输入命令安装WebStack主题：

1

npm install hexo-theme-webstack -S

打开根目录的配置文件_config.yml，将theme:参数由默认主题landscape改为webstack。

将根目录下主题配置文件_config.landscape.yml改名为_config.webstack.yml。

将路径D:/mySite/blog/node_modules/hexo-theme-webstack里的_config.example.yml中的内容复制到根目录下的_config.webstack.yml。

再次运行并打开http://localhost:4000/ 可以看到导航站了。

1

hexo g && hexo s

修改导航站内容

打开根目录的配置文件_config.yml，修改以下参数可更改网站基本信息。

1
2
3
4
5
6
7
8

# Site
title: 晚风导航
subtitle: '常用网站收集'
description: ''
keywords:
author: 晚风
language: zh-CN
timezone: 'Asia/Shanghai'

打开根目录的主题配置文件_config.webstack.yml，根据参数修改内容，保存文件后重启Hexo服务，即可看到更改。

具体可参考：优雅的使用Webstack打造个人网址导航-腾讯云开发者社区-腾讯云 (tencent.com)

图标

获取别人网站图标的方法：

1. 百度/谷歌搜索这个网站，在结果页直接右击图标另存为本地。
2. 按F12，ctrl+F输入favicon一般能有图标链接，拼接到域名后面，例如：https://blog.lumengde.com/img/favicon.png。
3. http://www.google.com/s2/favicons?domain= ，等号后面拼接指定网站的域名，可搜出图标，右键->另存图像到本地。

图标本地存放路径为：D:\Coding\webstack\node_modules\hexo-theme-webstack\source\images\logos

可以将图标粘贴进logos文件夹，在主题配置文件中引用。也可以直接引用图标网址（但可能链接失效）。

侧边栏菜单 & 对应导航链接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

menu:
  - name: 热门工具
    icon: far fa-star
    config: hotTools
  - name: 工具 可展开
    icon: fas fa-tools
    submenu:
      - name: 开发工具
        icon: fas fa-tools
        config: devTools
      - name: 我的博客
        icon: fas fa-blog
        config: myBlog
        
hotTools:
  - name: ChatGPT
    url: https://chat.openai.com/
    img: /images/logos/chatgpt.png
    description: OpenAI的智能对话AI
.......

分组里的网站有以下两种添加方式：

• 在主题的_config.yml里添加hotTools配置代码
• 在站点根目录/source/_data/(没有自行创建)内新建hotTools.yml文件
  将主题配置文件hotTools: -xxx xxx...删除，并将hotTools:后面的内容搬到hotTools.yml内即可

自定义代码

1
2
3
4
5
6
7
8

custom:
  head: |- # 以下内容插入到<head></head>标签内，可设置多行，注意每行开头至少四个空格
    <link rel="stylesheet" href="/css/myself.css">
    <!-- 直接添加html内容即可 -->
    <!-- 可设置多行 -->
  body: |- # 以下内容插入到</body>标签之前，可设置多行，注意每行开头至少四个空格
    <!-- 直接添加html内容即可 -->
    <!-- 可设置多行 -->

对应的，需要在D:\Coding\webstack\node_modules\hexo-theme-webstack\source\css里创建myself.css文件。

子页面

导航站可以创建多个子页面，默认使用主页面配置，如果自己有不一样的部分则优先采用自己的配置。

首先创建子页面：

1

hexo new page bilibili

在页面的Front-matter即---之间编写该页面的配置。

• title值随意，date不管它
• 需要手动加入type: 'child'这个配置项
• 其余部分就跟编写_config.webstack.yml一样，如果要修改配置就写出来，没写的就与主页面一致。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

---
title: B站up主推荐
date: 2024-02-23 22:58:30
type: 'child'
search: false

menu:
  - name: 常用工具
    icon: far fa-star
    config: hotTools
  - name: 其他工具
    icon: fas fa-tools
    submenu:
      - name: 开发工具
        icon: fas fa-tools
        config: devTools
      - name: 我的博客
        icon: fas fa-blog
        config: myBlog
hotTools:
  - name: Github
    url: https://github.com/
    img: /images/logos/github.png
    description: 面向开源及私有软件项目的托管平台。
  - name: Github
    url: https://github.com/
    img: /images/logos/github.png
    description: 面向开源及私有软件项目的托管平台。
  - name: Github
    url: https://github.com/
    img: /images/logos/github.png
    description: 面向开源及私有软件项目的托管平台。
myBlog:
  - name: HCLonely Blog
    url: https://blog.hclonely.com/
    img: /images/logos/myblog.png
    description: 一个懒人的博客。
---

然后hexo g && hexo s，访问网址为：http://localhost:4000/bilibili/ 。可以在主页面设置个menu链接到该子页面。

美化魔改网站

对网站默认样式不满意，可以自定义代码并引用。这里提供简单的一些样式修改，写在myself.css里。

修改字体

1
2
3
4
5
6
7
8
9

/* 修改全站字体大小 */
body {
    font-size: 13px;
}

/* 标签符号右边的菜单名字，用的是h4，这里修改h4字体大小 */
h4, .h4 {
    font-size: 16px;
}

修改侧边栏

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

/* 整个侧边栏设置 */
.sidebar-menu {
    width: 200px;
    background: #2c2e2f;
}


/* 侧边栏内部的 菜单整体box边距设置 */
.sidebar-menu .main-menu {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    list-style: none;
}


/* 侧边栏内部的 每个菜单box设置 */
.sidebar-menu .main-menu a {
    color: #979898;                 /* icon+字 未选择时的默认颜色 */
    padding: 12px 8px;
    border-bottom: 1px solid #313437;/* 每个菜单标题下面小横线 */
}

/* 鼠标移入菜单的效果 */
.sidebar-menu .main-menu a:hover {
    color: aquamarine;
}
/* 鼠标点击菜单后保持的效果 */
.sidebar-menu .main-menu li.active>a {
    color: aquamarine;
}

/* 导航目录二级菜单 - 调整至居中，不使用icon */
.sidebar-menu .main-menu ul li a {
    /* padding-left: 15px; */
    /* padding: 2px 15px; */
}

修改导航内容

1
2
3
4
5
6
7
8
9

/* 导航内容box设置 */
.page-container .main-content {
    
}

/* 每个导航盒子 修改背景或边距 */
.xe-widget.xe-conversations {
    
}

修改搜索框

不会…待更新

更多内容，可按F12寻找对应代码并修改调整。

部署到Github上

如果你希望网站可以被别人访问，甚至用自己的域名，可以参考：本地博客部署到Github上

如果Github Page已经放了博客了，那就只能新建个普通仓库，然后修改_config.yml参数。

1
2
3
4

deploy:
  type: git
  repo: git@github.com:你的github帐号名/仓库名.git
  branch: main

执行hexo clean && hexo g && hexo s备份到Github仓库里。

然后把项目托管在Vercel里，解析用Vercel的IP，也可实现建站。（但是Vercel域名被墙了，得用魔法访问或者再套个cloudflare穿过长城网络）

也可以部署在自己的云服务器上，往下看。

配置VPS环境

跟部署Hexo博客一样，通过Git Hooks和Nginx部署网站。

参考：Hexo博客部署到VPS | 张洪Heo (zhheo.com)

只需要把blog相关的都改成webstack就好了。【注意：非常多的blog，仔细改，漏改一个都可能报错】

最后的配置文件_config.yml应该为

1
2
3
4
5
6
7
8
9

url: 你的导航站域名

deploy:
  - type: git
    repo: git@github.com:你的github账户名/自定义仓库名.git
    branch: main
  - type: git
    repo: git@你的VPS的IP:/home/git/webstack.git
    branch: master

域名解析新添：A，webstack，你的VPS IP。

最后Hexo三连，打开你的域名即可看到导航网站。

如果报错：ERROR Deployer not found: git，只需要安装hexo-deployer-git插件然后再hexo d一下即可。

1

npm install hexo-deployer-git --save

补充：也可以把网站部署到 vercel 上，类型选择other而不是hexo。然后新添域名，新添域名解析记录即可。

可以使用Github仓库存放图片，通过PicGo图床工具快捷上传到Github和获取图片在Github的链接。

这里抛弃本地引用，因为有的主题插件可能有冲突，导致引用图片失败。

在博客本地存放图片并引用，缺点：

• 可能出现图片引用错误。
• 博客文章一多，图片也多占用空间太大，重新生成和部署的时候耗时太久。
• Github仓库有容量限制，博客仓库同时存放图片不利于后期使用。

1

<img src="https://www.xuarh.com/2020/06/16/Hexo/Hexo%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%88%B0VPS/principle.png" style="zoom:50%;" />

图片压缩

图片太大会影响网站加载速度，文章太长图片也多，会消耗读者大量流量。
所以需要对图片进行压缩处理。压缩完再存入，然后文章再引用链接。

• docsmall - 在线图片压缩：压缩程度分为5档
• TinyPNG - 智能压缩：一般压缩60%~70%的大小

Github + Picgo + jsDelivr CDN

设置了图床，就不用在博客项目仓库里存图片，而是存在其他仓库，节省博客仓库空间。也不用处理图片，挣扎图片路径的错误，十分方便！

当博客文章变多时，占用的空间非常大，生成速度也慢。所以我们可以新建个仓库专门用来存图片，以此减少博客占用空间。
可以使用图片压缩网站对图片先进行压缩再存入，以减少浏览文章的流量消耗。

概念补充：

• GitHub 上，每个文件都有一个对应的 raw 链接，通过它就可以访问文件的原始内容。
• PicGo,一个用于快速上传图片并获取图片 URL 链接的工具。
• jsDelivr 是一个免费、开源的加速CDN公共服务，可加速访问托管的项目目录或图片资源。
  当然也可以通过jsDelivr来加速访问github中某个仓库中的某张图片。

执行流程：

• 使用 PicGo 选择要上传的图片，并配置好上传目标，这里是 GitHub。
• PicGo 将图片上传到你指定的 GitHub 仓库，并通过 GitHub API 完成上传过程。
• 上传成功后，PicGo 会返回一个链接，该链接是指向上传后的图片在 GitHub 仓库中的 raw 链接。
• 通过jsDelivr CDN加速图片访问的使用非常简单，直接修改链接就可以：
  https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号或分支/[目录/]图片名。

参考教程：

• 使用Github+picGo搭建图床，保姆级教程来了
• PicGo GitHub图床

使用教程

1.Github新建仓库
在Github头像左侧，点击+->New Repository，可为仓库取名：cdn_img，权限为Public，可勾选add a README file。

2.生成token
点击Github头像->Settings->Developer Settings->Personal access tokens->Tokens(classic)->Generate new access Token(classic)，别选(Beta)，后面会报错的。

Note: for saving cdn_img（写啥都行）；Select scopes：把repo全勾上。
点击Generate token，注意这里的token只会出现一次，最好复制后在微信发给自己并右键->收藏。

3.下载PicGo并配置
在【Github-PicGo-releases】里下载PicGo-Setup-版本.exe.
这里我们下载【2.3.1长期稳定版本】,点此直接下载：PicGo-v2.3.1

【来自知乎-程序猿手记】如果安装成功，PicGo不能正常使用，则可以右键exe文件->属性->勾选兼容模式和管理员权限。(有的电脑会出现这个问题)

打开软件，图床设置->Github，填写配置信息，点击确定并设为默认图床。

仓库名：github用户名/cdn_img
分支名：main；或者自己在Github新建个分支，我这里新建了blog_hexo分支
Token：刚才获取的Token
存储路径：不设置图片就默认存于该分支的根目录，也可以设个路径（自动生成文件夹）存放图片
自定义域名：

• 默认github的raw链接是：https://raw.githubusercontent.com/用户名/仓库名@分支名 （比较慢）
• 通过jsDelivr CDN加速：https://cdn.jsdelivr.net/gh/用户名/仓库名@分支名 （偶尔失效，可先换回raw的链接）

打开PicGo设置，开启上传前重命名,时间戳重命名,开启上传提示。

此时我们上传图片，可以获得图片的链接地址，在浏览器中打开可以看见图片就行了。

4.安装picgo-plugin-github-plus插件

PicGo使用时，只能上传，删除图片时Github仓库无法同步删除，所以要在PicGo->插件设置安装这个插件。

然后在图床设置->githubPlus里填配置信息，跟刚才的一样就行，然后确定，设为默认图床。

测试：现在可以上传图片，在Github仓库中查看，然后在PicGo中删除，刷新Github页面查看图片是否也自动删除。

以后文章要插入图片，先放到图片压缩网站里压缩一下大小，然后上传到PicGo，PicGo会自动返回链接到剪贴板，只需要在相应编辑器里粘贴即可。

建议只从PicGo操作Github里的图片。

Docker可以容器化部署一些应用，将单个应用程序及其依赖项封装成容器，环境互相隔离互不影响，也方便对其进行升级和数据迁移。在VPS搭建应用中是一个很常见的技术。

Docker Compose是用于定义和运行多容器Docker 应用程序的工具，可以通过配置docker-compose.yml文件一次性运行多个不同镜像的容器。

相关链接

参考教程：

官方文档 Install Docker Engine on Debian | Docker Docs

扩展阅读：

Docker在线入门教程《Docker 从入门到实践》

Docker 日常命令大全(完整详细版)_docker命令-CSDN博客

docker-compose 常用命令（附 docker-compose 的安装教程）

Docker 安装流程

基本准备

安装/更新必备的软件

1

apt update -y && apt install -y wget vim curl lsof sudo

环境要求&环境查看

我这里用的是Debian11，也可以用其他系统，具体要求可以查看官方文档。

1
2
3
4
5
6

Debian Bookworm 12 (stable)

Debian Bullseye 11 (oldstable)

Docker Engine for Debian is compatible with x86_64 (or amd64), armhf, arm64, and ppc64le (ppc64el) architectures.

1
2
3
4
5

# 系统内核 5.10.0-27-amd64
uname -r
​
# 系统版本 Debian GNU/Linux 11 (bullseye)
cat /etc/os-release

开始安装

百度搜Docker，点击Docs，点击Get Docker进入帮助文档，左侧导航栏选择Docker Engine->Install->Debian

由于Linux发行版的Docker的apt库可能比较旧，这里我们通过阅读官方文档按步骤来安装Docker最新版本。

1.卸载旧版本

如果是第一次安装Docker，这一步可跳过。

1.1.卸载非官方和冲突软件包

1

for pkg in docker.io docker-doc docker-compose podman-docker containerd runc; do sudo apt-get remove $pkg; done

1.2.卸载依赖(Uninstall the Docker Engine, CLI, containerd, and Docker Compose packages):

1

apt-get purge docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin docker-ce-rootless-extras

1.3.删除文件资源(Delete all images, containers, and volumes which aren’t automatically removed)

1
2
3

# /var/lib/docker 是Docker的默认工作路径
rm -rf /var/lib/docker
rm -rf /var/lib/containerd

2.下载 Install using the apt repository

2.1 Set up Docker’s repository.apt

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Add Docker's official GPG key:
sudo apt-get update
sudo apt-get install ca-certificates curl
sudo install -m 0755 -d /etc/apt/keyrings
sudo curl -fsSL https://download.docker.com/linux/debian/gpg -o /etc/apt/keyrings/docker.asc
sudo chmod a+r /etc/apt/keyrings/docker.asc

# Add the repository to Apt sources:
echo \
 "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] https://download.docker.com/linux/debian \
 $(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
 sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

apt-get update

2.2 Install the Docker packages

1

sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

补充：docker-compose V1版本已停止更新。现在的Docker安装命令自带上了docker-compose-plugin插件，可以不用再单独安装。但是指令和单独装的docker-compose不同，现在 docker compose 中间没有 -

2.3 Verify that the installation is successful by running the image:hello-world

1
2
3
4
5
6
7
8

# 启动Docker
sudo systemctl start docker

# 查看Docker版本
docker version

# 运行`hello-world`镜像
sudo docker run hello-world

3.Upgrade Docker Engine

需要时再说，看官方文档。

Docker 相关知识

运行hello-world镜像可以看到以下信息：

这段信息表示无法从本地找到hello-world:latest镜像，所以从Docker Hub中拉取了最新的hello-world镜像，并输出了一些相关信息。

Docker执行的流程是：

• Docker 客户端联系了 Docker 守护进程。

• Docker 守护进程从 Docker Hub 拉取了 hello-world 镜像（amd64）。

• Docker 守护进程从该镜像创建了一个新的容器，该容器运行了生成当前输出的可执行文件。

• Docker 守护进程将该输出流传送到 Docker 客户端，然后由客户端发送到您的终端。

查看一下镜像

1
2
3

root@iZ7xvcu671mq0lrlzj6sbqZ:~# docker images
REPOSITORY  TAG   IMAGE ID   CREATED   SIZE
hello-world  latest  d2c94e258dcb  9 months ago  13.3kB

run的运行流程：

docker0：

docker0 是 Docker 默认的桥接网络接口。当你安装 Docker 并启动容器时，Docker 会创建一个名为 docker0 的 Linux bridge，所有的 Docker 容器都会连接到这个 bridge 上。

如果你想要查看 docker0 的配置和状态，可以使用以下命令：

1
2

# 查看 docker0 接口的配置
ip addr show docker0

通过该指令可以得到Docker内部默认网关：172.17.0.1，这在配置NPM反代的时候会用到。如果是反代与NPM同一台VPS的Docker，则IP可填172.17.0.1或VPS的IP。

Docker 常用命令

参考：Docker 日常命令大全(完整详细版)_docker命令-CSDN博客

查看Docker状态：sudo systemctl status docker

启动Docker：sudo systemctl start docker

开启开机自动启动：sudo systemctl enable docker

关闭开机自动启动：sudo systemctl disable docker

查看docker占用内存情况：docker stats

列出当前docker：docker ps -l

docker image prune：prune 命令用来删除不再使用的 docker 镜像(一般用来删旧镜像)。删除所有未被 tag 标记和未被容器使用的镜像

Docker Compose 常用命令

参考：docker-compose 常用命令（附 docker-compose 的安装教程）

建议：专门给 Docker 的数据、配置文件新建一个文件夹。在这里面通过 docker-compose.yml 配置文件来安装或修改docker。

1
2
3

sudo -i
mkdir -p /root/data/docker_data/
cd /root/data/docker_data/

要使用docker compose，需要先进入包含docker-compose.yml文件的根目录，只对该文件内的docker-compose.yml进行操作。

docker compose up -d ：根据 docker-compose.yml 配置文件创建并运行多个容器协同工作，-d 为在后台运行容器

docker compose ps ：显示与当前 docker-compose.yml 文件相关联的容器的信息，-a 为显示包括已停止的容器

docker compose stop ：停止正在运行的容器

docker compose start ：启动容器

docker compose restart ：重启容器

docker compose exec [docker_name] [command] ：用于与在运行中的某个容器进行交互，在其内部执行命令

docker compose pull ：拉取服务依赖的镜像。一般用于更新Docker

docker compose down ：停止并移除由 docker-compose.yml 创建的容器、网络和卷。一般用于卸载Docker

更新Docker（通常情况）：

1
2
3
4
5
6
7
8
9
10
11

cd /root/data/docker_data/xxxx

docker compose down 

cp -r /root/data/docker_data/xxxx /root/data/docker_data/xxxx.archive  # 备份

docker compose pull

docker compose up -d

docker image prune  # 删除不再使用的旧镜像

卸载Docker（通常情况）：

1
2
3
4
5
6
7

cd /root/data/docker_data/xxxx

docker compose down

cd ..

rm -rf /root/data/docker_data/xxxx  # 完全删除应用的数据

这篇文章我会分享一些在VPS上搭建过的项目，都是一些比较有意思且实用的应用。

基本都通过 Docker Compose 来部署，并通过反代神器 Nginx Proxy Manager 来配置反向代理。

好处是不需要专业相关知识，跟着教程步骤即可搭建使用。

注意：每次新建Docker容器后，记得开放对应的端口，设置好反向代理和添加域名解析。

Docker部署项目

简单图床 EasyImage

内存占用：40M起步

安装教程：

视频【好玩儿的Docker项目】10分钟搭建一个简单图床——Easyimage哔哩哔哩bilibili

博客【好玩儿的Docker项目】10分钟搭建一个简单图床——Easyimage | 爱玩实验室 (iwanlab.com)

扩展插件：Edge插件 (icret.github.io)

官方文档：三方安装指南 (icret.github.io)

简易流程：

创建安装目录

1
2
3
4
5

mkdir -p /root/data/docker_data/easyimage

cd /root/data/docker_data/easyimage

vim docker-compose.yml

配置docker-compose.yml

version: ‘3.3’
services:
easyimage:
  image: ddsderek/easyimage:latest
  container_name: easyimage
  ports:
     - ‘8180:80’
  environment:
     - TZ=Asia/Shanghai
     - PUID=1000
     - PGID=1000
  volumes:
     - ‘/root/data/docker_data/easyimage/config:/app/web/config’
     - ‘/root/data/docker_data/easyimage/i:/app/web/i’
   restart: unless-stopped

查看端口占用，若被占用则换一个：

lsof -i:8180

启动docker compose服务

docker compose up -d

先别打开图床。

NPM配置反代。切记Details不要勾选Block Common Exploits。

在cf做好域名解析。

修改config.php

cd /root/data/docker_data/easyimage/config/config.php
​
#把domain和imgurl分别改成自己的域名

访问图床：IP:8180并安装。在设置中修改站点和图片URL。

动态网站 WordPress

内存占用：380M起步 无上限

安装教程：

视频【好玩儿的Docker项目】10分钟搭建美国白宫也用的博客框架——Wordpress！不过没Halo香！哔哩哔哩bilibili

博客【好玩儿的Docker项目】10分钟搭建美国白宫也用的博客框架——Wordpress-我不是咕咕鸽 (laoda.de)

扩展阅读：Docker版本安装WordPress常见问题梳理（附JustNews主题专属美化） | 爱玩实验室 (iwanlab.com)

推荐安装：插件——WP Markdown、SSL不安全内容修复器。主题——Kratos、argon

简易流程：

安装WP

mkdir -p /root/data/docker_data/wordpress
​
cd /root/data/docker_data/wordpress
​
vim docker-compose.yml

配置docker-compose.yml，参考官方文档：wordpress - Official Image | Docker Hub

version: ‘3.1’
​
services:
​
wordpress:
  image: wordpress:latest
  restart: always
  ports:
    - 8200:80
  environment:
    WORDPRESS_DB_HOST: db
    WORDPRESS_DB_USER: wordpress
    WORDPRESS_DB_PASSWORD: wordpress
    WORDPRESS_DB_NAME: wordpress
  volumes:
    - /root/data/docker_data/wordpress/data:/var/www/html
​
db:
  image: mysql:5.7
  restart: always
  environment:
    MYSQL_DATABASE: wordpress
    MYSQL_USER: wordpress
    MYSQL_PASSWORD: wordpress
    MYSQL_RANDOM_ROOT_PASSWORD: ‘1’
  volumes:
    - /root/data/docker_data/wordpress/db:/var/lib/mysql
​
#volumes:

wordpress:

db:

wordpress和mysql的environment的值要一一对应。

(如果VPS的内存不大于1G，建议设置1G的SWAP。mysql占用内存比较大。)

查看端口占用，若被占用则换一个：

lsof -i:8200

启动docker compose服务

docker compose up -d

配置Nginx Proxy Manager反代

打开网站：http://VPS-IP:8200

查看Docker容器内部ID：ip addr show docker0，一般都是172.17.0.1

Add Proxy Host：

Details:

Scheme：http

Forward Hostname / IP：172.17.0.1，或者你的VPS-IP

Forward Port：8200，或者你自定义的端口注意需要与docker-compose里的一致

勾选Block Common Exploits和Websockets Support

SSL:

选择你申请的通配符SSL或者为该域名单独申请一个

全勾选

Cloudflare添加解析记录。

然后进入WP在设置->常规里把两个URL改成你的域名即可。

上传主题并安装

先打开某主题的Github地址，例如Argon主题：solstice23/argon-theme: 📖 Argon - 一个轻盈、简洁的 WordPress 主题 (github.com)并下载.zip文件，在WP主题中点击上传主题，选择压缩包并安装。

正常来讲会出错，下面来解决。

1. 上传的文件尺寸超过php.ini中定义的upload_max_filesize值

默认php设置的上传文件大小为2M，我们需要调整一下。

cd /root/data/docker_data/wordpress
vim uploads.ini

在uploads.ini末尾加入以下内容

file_uploads = On
upload_max_filesize = 256M    #可以自己设置大小
post_max_size = 256M  #可以自己设置大小

在docker-compose.yml里WP配置的volumes添加一行内容

• /root/data/docker_data/wordpress/uploads.ini:/usr/local/etc/php/conf.d/uploads.ini

暂停并重启容器

docker-compose down
docker-compose up -d

查看修改结果

docker ps
docker exec 你的wp容器id php -i | grep upload

2. 上传主题，出现“您点击的链接已过期”

cd /root/data/docker_data/wordpress/data
vim .htaccess

文本末尾空一行，添加以下内容

php_value max_execution_time 300
php_value upload_max_filesize 256M
php_value post_max_size 256M
php_value memory_limit 128M
php_value max_input_vars 5000

然后再上传主题并安装，启用主题即可。

配置redis(可选)

教程里有。

动态网站 Typecho

简单说明：比WordPress轻量

参考教程：

视频【好玩儿的Docker项目】10分钟搭建一个Typecho博客｜太破口！念念不忘，必有回响！哔哩哔哩bilibili

还未尝试。

动态网站 Halo

内存占用：820M起步，因为Halo本身Java就大，还用的MYSQL8.0

参考教程：

官方文档 Halo 文档

博客 【好玩儿的Docker项目】好用又强大的开源建站工具——Halo 2.0

扩展阅读：

Halo社区：https://bbs.halo.run/

官网地址：https://halo.run/

应用市场：https://www.halo.run/store/apps

简易流程：

创建文件夹

mkdir /data/docker_data/halo
cd /data/docker_data/halo
vim docker-compose.yml

配置docker-compose.yml

version: “3”
​
services:
halo:
  image: halohub/halo:2.13
  container_name: halo
  restart: on-failure:3
  depends_on:
    halodb:
      condition: service_healthy
  networks:
    halo_network:
  volumes:
    - ./halo2:/root/.halo2
  ports:
    - “8090:8090”
  healthcheck:
    test: [“CMD”, “curl”, “-f”, “http://localhost:8090/actuator/health/readiness"]
    interval: 30s
    timeout: 5s
    retries: 5
    start_period: 30s
  command:
    - –spring.r2dbc.url=r2dbc:pool:mysql://halodb:3306/halo
    - –spring.r2dbc.username=root
     # MySQL 的密码，请保证与下方 MYSQL_ROOT_PASSWORD 的变量值一致。
    - –spring.r2dbc.password=o#DwN&JSa56
    - –spring.sql.init.platform=mysql
     # 外部访问地址，请根据实际需要修改
    - –halo.external-url=http://localhost:8090/
​
halodb:
  image: mysql:8.1.0
  container_name: halodb
  restart: on-failure:3
  networks:
    halo_network:
  command:
    - –default-authentication-plugin=caching_sha2_password
    - –character-set-server=utf8mb4
    - –collation-server=utf8mb4_general_ci
    - –explicit_defaults_for_timestamp=true
  volumes:
    - ./mysql:/var/lib/mysql
    - ./mysqlBackup:/data/mysqlBackup
  ports:
    - “3306”
  healthcheck:
    test: [“CMD”, “mysqladmin”, “ping”, “-h”, “127.0.0.1”, “–silent”]
    interval: 3s
    retries: 5
    start_period: 30s
  environment:
     # 请修改此密码，并对应修改上方 Halo 服务的 SPRING_R2DBC_PASSWORD 变量值
    - MYSQL_ROOT_PASSWORD=o#DwN&JSa56
    - MYSQL_DATABASE=halo
​
networks:
halo_network:

–halo.external-url改为自己实际要用的域名；–spring.r2dbc.password和MYSQL_ROOT_PASSWORD的值要一致，自行修改；halodb的ports为3306而不是3306:3306，避免把端口暴露在公网，它会随机找一个主机空闲端口进行映射。

确认端口未被占用

lsof -i:8090

启动Docker Compose服务

docker compose up -d

NPM反代配置

先NPM配置再进行Halo安装程序。

域名与–halo.external-url一致，xxx和www.xxx，http，172.17.0.1，8090，全勾选。Force SSL

初始化Halo

打开your-VPS-IP:8090，输入对应信息进行初始化。

安装主题

Joe 3.0慕名而来。参考官方文档：https://docs.halo.run/user-guide/themes

可以选择远程下载，在主题中点击下载，输入域名即可跳转。

基本配置

需要先在设置->通知设置，设置好邮箱服务器后才能接受邮件验证码。然后去用户页验证邮箱。

主题色可改为蓝色：#2a64f6

其他内容自行折腾。

补充

更新操作

修改 docker-compose.yaml 中配置的image版本

services:
halo:
  image: halohub/halo:2.13
  container_name: halo
​

重启docker compose

docker-compose up -d

卸载操作

cd /root/data/docker_data/halo
​
docker-compose down
​
cd ..
​
rm -rf /root/data/docker_data/halo  # 完全删除映射到本地的数据

网站监控 Uptime Kuma

内存占用：150M

参考教程：

视频【好玩的Docker项目】搭建一个专属自己的网站监控——Uptime Kuma哔哩哔哩bilibili

博客【好玩的Docker项目】搭建一个专属自己的网站监控——Uptime Kuma | 爱玩实验室 (iwanlab.com)

简易流程：

创建项目文件夹

mkdir -p /root/data/docker_data/uptimekuma
​
cd /root/data/docker_data/uptimekuma
​
vim docker-compose.yml

配置docker-compose.yml

version: ‘3.3’
​
services:
uptime-kuma:
  image: louislam/uptime-kuma
  container_name: uptime-kuma
  volumes:
    - ./uptime-kuma:/app/data
  ports:
    - 3001:3001

确认端口未被占用

lsof -i:3001

启动Docker Compose服务

docker compose up -d

打开站点：VPS-IP:3301

自行添加监控项和状态页。

NPM反代：http，172.17.0.1,3001勾选后两个。SSL勾选第一个。

Cloudflare添加解析记录。

回到Uptime Kuma，配置状态页。然后入口页面设为状态页，修改站点主URL为反代地址。

网站统计 Umami

参考教程：

视频【好玩的Docker项目】你的网站究竟有多少流量？搭建一个小而美的网站流量统计工具——Umami哔哩哔哩bilibili

博客【好玩的Docker项目】搭建一个小而美的网站流量监控——Umami | 爱玩实验室 (iwanlab.com)

简易流程：

创建项目文件夹

mkdir -p /root/data/docker_data/umami
​
cd /root/data/docker_data/umami
​
vim docker-compose.yml

配置docker-compose.yml文件：

version: ‘3’
​
services:
umami:
image: ghcr.io/umami-software/umami:postgresql-latest
ports:
  - “3000:3000”
environment:
  DATABASE_URL: postgresql://umami:umami@db:5432/umami
  DATABASE_TYPE: postgresql
  HASH_SALT: replace-me-with-a-random-string
depends_on:
  - db
restart: always

db:
image: postgres:12-alpine
environment:
  POSTGRES_DB: umami
  POSTGRES_USER: umami
  POSTGRES_PASSWORD: umami
volumes:
  - ./sql/schema.postgresql.sql:/docker-entrypoint-initdb.d/schema.postgresql.sql:ro
  - ./umami-db-data:/var/lib/postgresql/data
restart: always

检查一下端口是否被占用

lsof -i:3000

启动Docker Compose服务

docker compose up -d

访问 IP:3000 进入Umami后台。

默认账号密码是：Username: admin，Password: umami

添加网站，获得跟踪代码，在自己的网站中引入该js代码。

启用共享链接，别人可通过此链接查看网站访客统计数据。

网盘挂载 Alist

内存占用：40M

简单介绍：

支持挂载的网盘存储：本地、阿里云、百度云、谷歌云、OneDrive、蓝奏云、天翼云、迅雷云等等。

支持在线查看文件类型：文本、音频、视频、图片。

注意：Alist挂载非OneDrive和谷歌网盘，流量大了可能会封号。类似项目ZFile可以规避这个问题。

【好玩儿的Docker项目】ZFile ——又一款强大好用的在线文件目录的程序！ | 爱玩实验室 (iwanlab.com)

参考教程：

视频【好玩的Docker项目】目前最好用的网盘直链程序——AList，支持市面上几乎所有网盘！可以代替Olaindex！哔哩哔哩bilibili

博客【好玩的Docker项目】目前最好用的网盘直链程序——AList，支持市面上几乎所有网盘！可以代替Olaindex！ | 爱玩实验室 (iwanlab.com)

官方文档：Home | AList文档 (nn.ci)

简易流程：

创建项目文件夹

mkdir -p /root/data/docker_data/alist
​
cd /root/data/docker_data/alist
​
vim docker-compose.yml

配置docker-compose.yml文件：

version: ‘3.3’
services:
  alist:
      restart: always
      volumes:
          - ‘/root/data/docker_data/alist:/opt/alist/data’    # 冒号左边的地址可以自己修改
      ports:
          - ‘5244:5244’      # 冒号左边的端口可以自己修改
      container_name: alist
      image: ‘xhofe/alist:latest’

检查一下端口是否被占用

lsof -i:5244

启动docker-compose服务

docker compose up -d

查看Alist初始密码

docker logs alist

或者

docker exec -it alist ./alist -password
​

如果后续忘记密码，可以随机生成或指定

docker exec -it alist ./alist admin random
docker exec -it alist ./alist admin set xxxxxxx

找到Successfully created the admin user and the initial password is: xxxxxx，这里账号是admin，密码是xxxxx。

访问 IP:5244 进入Alist后台并登录。会报错，点击最下方的管理即可。

配置反向代理

正常配置就行了。做好域名解析。

添加存储

存储添加方式参考：通用项 | AList文档 (nn.ci)

挂载路径指的是在Alist主页列表路径，根文件夹路径指的是对应的网盘里的文件夹路径。如果是OneDrive，可以填/OneDrive和/Alist挂载(需要创建对应文件夹)。

本地存储：

先在/root/data/docker_data/alist/下创建local文件夹。

在管理面板->设置->存储，驱动：本机存储，挂载路径：/local，根文件夹路径：/opt/alist/data/local。这样VPS的/root/data/docker_data/alist/local将会成为本地云盘的文件夹，也不用搭建什么NextCloud了。

此时打开Alist主页，能看到挂载的local文件夹。

阿里云、OneDrive：看文档，一遍过，无坑。

蓝奏云：如果访问失败，复制蓝奏云的个人中心->个性域名到Alist设置里的分享链接，刷新下缓存即可(注意有的文件被删了但是目录还在，也可能是这个原因，需要自己去蓝奏云下载下看看还在不)

迅雷、天翼云：手机号验证码登录的话，需要手动设置个密码用于绑定挂载。

百度云：本身限制太多，不好用。

给文件夹加密码

先在用户->游客把停用取消勾选 。

在元信息添加路径(需要该文件夹存在)，填写密码和其他信息。

换个浏览器或设备或匿名模式打开Alist主页，打开该文件夹就需要密码正确才能进入。

可以根据个人需要设置用户权限和文件夹元信息。

Docker可视化 Portainer

参考教程：

视频 【Docker系列】超级好用的Docker可视化工具——Portainer哔哩哔哩bilibili

VPS太小，还没装

其他项目

静态导航 Hexo-WebStack

参考教程：

优雅的使用Webstack打造个人网址导航-腾讯云开发者社区-腾讯云 (tencent.com)

通过Nginx Proxy Manager代理静态网站（例如Hexo） – 卢孟德的学习小站 (lumengde.com)

更新Docker

以下是通常情况下的更新指令

cd /root/data/docker_data/xxxx
​
docker-compose pull
​
docker compose up -d    # 请不要使用 docker-compose stop 来停止容器，因为这么做需要额外的时间等待容器停止；docker compose up -d 直接升级容器时会自动停止并立刻重建新的容器，完全没有必要浪费那些时间。
​
docker image prune  # prune 命令用来删除不再使用的 docker 对象。删除所有未被 tag 标记和未被容器使用的镜像

卸载Docker

cd /root/data/docker_data/xxxx
​
docker-compose down
​
cd ..
​
rm -rf /root/data/docker_data/xxxx  # 完全删除

官方文档：Hexo

参考教程：

• 静态网站搭建笔记 GitHub Page+Hexo - 知乎 (zhihu.com)
• 【2023最新版】Hexo+github搭建个人博客并绑定个人域名_hexo部署github绑定自定义域名-CSDN博客

本地博客搭建

流程概括：安装Git、安装Node.js、安装Hexo并部署本地仓库。

安装Git工具

Git 可以将本地代码推送到远程仓库，可以在开发中管理和追踪代码版本，方便团队协作和代码的备份。

打开 Git - Downloading Package (git-scm.com)，选择 64-bit Git for Windows Setup下载安装包。

安装时无脑下一步就行。在 Choosing the default editor used by Git 这一步选择 Use Visual Studio Code as Git’s default editor。

安装完可以在cmd中输入git –version指令检查是否安装成功。

安装Node.js

Node.js 是 Hexo 的运行环境，安装 Node.js 后可以在你的计算机上运行 Hexo。

打开 Node.js (nodejs.org)，下载左边的LTS版本。无脑安装即可。

在cmd中输入以下指令检查是否安装成功，返回版本信息。

1
2

node -v
npm -v

安装Hexo并部署本地仓库

Hexo 是一个静态网站生成器，在使用 Markdown 编写博客内容后，可以用指令生成对应的静态网页。

配置 npm（Node 包管理器）的镜像源为淘宝 NPM 镜像以提升国内下载速度，有魔法可忽略。

1

npm config set registry "https://registry.npm.taobao.org"  

安装hexo命令行工具（-g 表示全局安装，整个计算机都可用，可以在cmd中直接调用相关命令。）

1

npm install hexo-cli -g

进入自定义文件路径，初始化hexo。两种写法二选一即可。

1
2

hexo init blog && cd blog
mkdir blog && cd blog && hexo init

安装项目所需的依赖 > npm 会读取项目中的 package.json 文件，并安装该项目所依赖的所有包。

1

npm install

配置 Git 全局用户信息 > 当提交代码时，Git会以此用户为代码提交的作者名称，此邮箱用于关联提交记录。

1
2

git config --global user.name "GitHub用户名"
git config --global user.email "GitHub注册邮箱"

这样就创建好了一个本地的博客，用的是Hexo的默认主题，后面再来安装好看的主题。

执行以下指令就可以在本地看见自己的博客了

1
2

hexo g    // 生成静态页面
hexo s    // 启动本地服务器 http://localhost:4000/，点击链接可查看博客，ctrl+c关闭服务器

本地博客部署到Github

创建Github Pages远程仓库

注册 Github 账号并登录，进入个人Github主页。

点击上方右侧**+**号->New Repository，新建一个仓库名和自己 Github 账号 ID 相同的仓库并创建。

例：若Github账号为lumegnde123，则新建仓库名为lumengde123.github.io。

生成SSH密钥

使用 SSH 协议与 GitHub 进行通信，更加安全地来验证你的身份，还免输入密码。

在cmd中输入以下指令，多个回车直到出现代码表情。

1

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

该指令用 RSA 加密算法生成了SSH密钥，并将你的 GitHub 注册邮箱作为注释添加到生成的密钥中。

打开C:\Users\Administrator.ssh，系统在这里生成了一对 SSH 密钥：本机私人密钥 id_rsa 和公共密钥 id_rsa.pub。

公钥 可添加到 GitHub 或其他 Git 托管服务账户上，以便能使用 SSH 协议与服务器进行安全的通信和操作。

私钥 则留存在自己的计算机上，用于与公钥配对进行身份验证。

打开公钥 id_rsa.pub ，复制里面所有内容。

在Github中，点击头像->Settings->SSH and GPG keys->New SSH key，title随意填，下面粘贴ssh公钥并保存。

此时就配置好了本地计算机和Github的SSH连接。

当后面使用 hexo d 部署博客时，将会用SSH 协议与 GitHub 进行通信，GitHub 将会根据你计算机提交的私钥与你账户中存储的公钥进行匹配。只有在密钥匹配成功的情况下，才能够顺利地进行诸如推送代码、拉取仓库等 Git 操作。

检验本地 SSH 配置是否正确及能够成功连接到 GitHub 的 Git 服务器

1

ssh -T -v git@github.com

如果报错…没事，这是网络问题，下面的步骤会解决。

1

ssh: connect to host github.com port 22: Connection timed out

博客部署到Github上

打开博客根目录的_config.yml文件，分别修改url和deploy的内容

1
2
3
4
5
6

url: https://你的github账号.github.io
.......
deploy:
  type: git
  repo: git@github.com:你的github帐号名/你的github帐号名.github.io.git
  branch: main

branch默认是master改为main，现在github新建的仓库默认分支都是main了。修改后Hexo推送时会将生成的网站静态文件推送到Github仓库的main主分支。

安装 hexo-deploy-git 插件，就可以使用Hexo的推送命令

1

npm install hexo-deployer-git --save

执行hexo三连指令来推送博客静态文件

1
2
3

hexo clean//清空上次推送时生成的文件，每次推送前删一下。
hexo g// 生成静态页面（hexo generate）
hexo d// 部署到Github（hexo deploy）

当执行hexo deploy时，Hexo 会将/public目录中的文件推送至配置文件_config.yml中指定的远端仓库和分支中，并且完全覆盖该分支下的已有内容。

第一次hexo d会问个问题，必须填yes，然后按回车等一会。

当出现INFO Deploy done: git提示时，代表推送成功。

这样本地Hexo博客就同步到Github上了。可以在浏览器搜索 你的github昵称.github.io 来访问你的博客网站。（国内访问Github比较慢，要多等它加载一会）

如果在hexo d之后等了很久不成功，报错 Error: Spawn failed，请往下看。

推送时报错问题及解决方法

报错代码为：

1
2
3
4
5
6
7
8
9
10

ssh: connect to host github.com port 22: Connection timed out
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
FATAL Something's wrong.Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html
Error: Spawn failed
    at ChildProcess.<anonymous>(D:\Coding\blog lnode_modules\hexo-deployer-git\node_modules\hexo-util\liblspawn.js:51:
    at ChildProcess.emit (node : events:514:28)
    at cp.emit (D:\Coding\blog \node_modules\cross-spawn\liblenoent.js: 34:29)at ChildProcess._handle.onexit (node:internal/child_process:294:12)

如果推送时一直卡着，然后报这个错，原因是连接不到Github，连接超时。

解决方法：

参考链接 > 关于本地git通过ssh链接github时 time out问题的解决方法

打开生成ras密钥的文件路径即C:\Users\Administrator\.ssh文件夹，在这里新建config文件。

打开config，填入以下内容：

1
2
3
4

Host github.com 
HostName ssh.github.com User git 
Port 443 PreferredAuthentications publickey 
IdentityFile C:/Users/Administrator/.ssh/id_rsa # 对应好你的路径

这样配置的目的是当我们访问github.com的时候，能自动转换成ssh.github.com，后者才是我们要启动的。

然后再来测试一下：

1
2

D:\Coding\blog>ssh -T git@github.com 
Hi lumengde123! You've successfully authenticated, but GitHub does not provide shell access.

出现这个提示说明消息响应正常：成功通过SSH进行了身份验证，但GitHub不提供直接的shell访问。

此时再执行Hexo三连，就可以顺利推送了。

备用方法：修改hosts通过http来push。参考 GitHub push失败-Failed to connect to github.com port 443: Timed out

使用自己的域名

xxx.github.io这个域名不太好看。所以我们可以将其绑定到我们自己买的域名上。

想要输入自己的域名自动跳转到博客首页，可以先去阿里云购买域名，实名认证，然后将该域名和博客项目进行绑定。

• 百度打开阿里云首页，搜索框搜索域名注册，购买自己喜欢的域名，然后实名认证
• 回到阿里云首页，打开头像左侧的控制台页面，在搜索框搜索域名，进入域名控制台
• 在域名列表->解析 里面可以为域名添加解析记录

以下内容参考自 为 Github Pages 绑定域名 - cometeme的个人博客。

修改 DNS 解析的数据

打开cmd，输入指令查看自己的博客网址对应的DNS的IPV4地址

1

nslookup -query=A xxxxxx.github.io

添加域名解析记录

这里可以把四个IPV4地址都添加进去，即四个A记录。

为 Github Page 设置 CNAME

1
2
3

打开Github进入该项目的仓库，点击 Settings->Pages ->Custom domain，输入域名并保存。注意要带上www前缀。
此时Github会自动为该项目创建CNAME文件。然后刷新该网页，勾选上Enforce HTTPS。
等待约10分钟DNS的缓存刷新后，输入xxx.github.io就会跳转到你的域名，并且是https协议。

这个方案有问题，由于本地的博客没有CNAME，如果本地博客hexo d推送后，会覆盖项目仓库，即会删除CNAME。

所以还需要同时在本地的 /source 文件夹里也创建个CNAME并填入www前缀域名。

Hexo基本操作

本地编写博客文章，查看文件结构需要下载文本编辑器进行辅助，例如：VSCode、Sublime Text 3、Typora

以下内容参考自：写作 | Hexo 官方文档

创建新文章/页面/草稿

Hexo 有三种默认布局：post、page 和 draft；分别为文章、页面、草稿；分别保存在source/_posts、source、source/_drafts文件夹中。

文章的布局（layout），默认为 post，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。

如果你不希望一篇文章（post/page）使用主题处理，请在它的 front-matter 中设置 layout: false

基本语句结构

1

hexo new [layout] <title>

创建新文章

1
2

hexo new 笔记01
hexo new post 笔记01

创建新页面

1

hexo new page 页面01

创建新草稿

1

hexo new draft 草稿01// 会将草稿保存在`source/_drafts`

草稿默认不会显示在页面中，您可在执行时加上 --draft 参数，或是在 _config.yml 中把 render_drafts 参数设为 true 来预览草稿。

发布草稿 > publish的前提是该草稿存在，发布成为post

1
2
3
4

hexo publish 草稿01
hexo publish post 草稿01  // 会将草稿存入`source/_posts`,变成正式的文章

hexo publish <layout> <title> // 可以发布为指定布局的文章

文章降为草稿

1
2
3

---
published: false
---

Front-matter 文章/页面 配置

详细内容：Front-matter | Hexo

Front-matter 是md文件最上方以 --- 分隔的区域，使用变量来修改文章或页面配置，例如：

1
2
3
4
5
6
7
8
9

---
title: Butterfly美化(基础篇)
date: 2024-01-06 10:29:28
swiper_index: 2 #置顶轮播图顺序，非负整数，数字越大越靠前
description: 对butterfly进行基础的美化，提升使用体验   # 该文章在轮播图中的文章描述
tags:
    - Hexo
    - butterfly
---

Page Front-matter

作用于页面的 Front-matter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

---
title:
date:
updated:
type:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
random:
---

参数详解

Post Front-matter

作用于文章的 Front-matter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments:
cover:
toc:
toc_number:
toc_style_simple:
copyright:
copyright_author:
copyright_author_href:
copyright_url:
copyright_info:
mathjax:
katex:
aplayer:
highlight_shrink:
aside:
abcjs:
---

参数详解

Hexo Markdown 语法：Hexo Markdown 简明语法手册

创建标签页和分类页

只有文章支持分类和标签，可以在 Front-matter 中设置。

1
2
3
4
5

categories:
- Diary
tags:
- PS3
- Games

标签页

cmd进入你的 Hexo 博客的根目录，输入以下指令为标签创建页面

1

hexo new page tags

然后找到 source/tags/index.md 这个文件,为其添加参数type、orderby、order

1
2
3
4
5
6
7

---
title: 标签
date: 2024-01-06 19:29:51
type: "tags"
orderby: random
order: 1
---

分类页

cmd进入你的 Hexo 博客的根目录，输入以下指令为标签创建页面

1

hexo new page categories

然后找到 source/categories/index.md 这个文件,为其添加参数type: "categories"

1
2
3
4
5

---
title: 分类
date: 2024-01-08 21:20:45
type: "categories"
---

Hexo插件大全

Hexo-Plugins

anzhiyu 主题安装

butterfly主题需要自己魔改美化，太费时间了，更适合自定义魔改玩家。

anzhiyu主题是基于butterfly进行美化魔改的，一切都配置好了，更推荐。

并且，anzhiyu主题的官方文档写的非常详细，可以根据需要自定义博客网站内容。

主题效果：安知鱼 - 生活明朗 万物可爱 (anheyu.com)

安装教程：安知鱼主题 | 官方文档

缺点：文件多，加载比较慢，要10秒左右。

butterfly 主题安装

butterfly界面比较原始，但是可以根据个人爱好自定义魔改。

cmd进入博客项目根目录，下载主题。

1

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

安装pug 和 stylus 渲染器。 Pug（以前的Jade）用于简化HTML模板的编写，而Stylus则用于更简洁、更灵活地书写CSS样式。

1

npm install hexo-renderer-pug hexo-renderer-stylus --save

修改项目根目录下的_config.yml文件（称为站点配置文件），开启主题。

1
2
3
4

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: butterfly

为了减少升级主题带来的不便，可以复制一份themes/butterfly/中 config.yml的内容到根目录的_config.landscape.yml里，并重命名为 _config.butterfly.yml。

Hexo会自动合并主题中的config.yml和 _config.butterfly.yml ，如果存在同名配置，会优先使用config.butterfly.yml的配置。

所以像和博客网址相关联的固定资料可以设置在_config.yml中，比如博客的标题、作者信息和邮箱等等资料;而和主题样式相关的配置放在 _config.butterfly.yml中，方便以后更换主题。

美化教程系列：Butterfly 安装文档(二) 主题页面

nexT 主题安装

nexT是Hexo中Star最多的主题，整体风格比较简洁，没有那么多花里胡哨的插件和功能。

cd进入你的博客根目录，执行以下指令安装next主题：

1

git clone https://github.com/theme-next/hexo-theme-next themes/next

打开_congif.yml，将theme改为next，同样把next主题配置文件提出来。 然后Hexo三连可以看到博客主题更换为了next，但是需要稍微美化一下。自行百度。

注意：buttefly的标签外挂和部分插件无法在nexT使用，并且hexo g编译无法通过，还需要改原文，所以我放弃了该主题。

maupassant主题安装

https://www.haomwei.com/technology/maupassant-hexo.html

Nginx 是运行在 Linux上 的 web 服务器软件，通过监听 VPS 的80、443端口来处理 web 相关请求。还可以将搭建的项目请求路径由IP:端口号改为自己的域名，但是需要自己编写反向代理配置。

Nginx Proxy Manager 是一个 Nginx 的代理管理器。即使没有 Nginx 基础，也能轻松地用它来完成反向代理的操作，而且因为自带面板，操作极其简单，一键即可申请 Let’s Encrypt 的 SSL 证书，每三个月自动续期，非常适合配合 docker 搭建的应用使用。

项目展示 [无图]

内存占用：115M，缓慢增长

开始安装

参考教程：

• 官方文档：Nginx Proxy Manager | quick-setup

• 视频【Docker系列】一个反向代理神器——Nginx Proxy Manager哔哩哔哩bilibili

• 博客【Docker系列】一个反向代理神器——Nginx Proxy Manager | 爱玩实验室 (iwanlab.com)

扩展阅读：

• 如何在Nginx Proxy Manager（NPM）上部署静态网站 | 爱玩实验室 (iwanlab.com)

• 让网站更安全！开启NginxProxyManager网站访问登陆限制功能哔哩哔哩bilibili

• Nginx Proxy Manager忘记登陆账号/密码了怎么办？

• 【Docker魔法系列】NPM与XUI共存！Nginx Proxy Manager搭配X-UI实现Vless+WS+TLS 教程！

简易流程：

安装 Docker

我们通过Docker来部署NPM，所以需要先安装Docker Compose。

参考：【VPS实用项目搭建】Docker Compose 安装及常用命令整理

安装 NPM

创建安装目录

1
2
3
4
5

sudo -i

mkdir -p /root/data/docker_data/npm

cd /root/data/docker_data/npm