.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Hexo搭建博客：Hexo + GitHub Pages + Cloudflare Pages本文详细介绍了如何使用Hexo框架搭建一个个人博客，并将其部署到GitHub Pages和Cloudflare Pages上。主要内容包括：
环境准备：安装Node.js和Git
配置Git和GitHub：设置SSH密钥，创建GitHub仓库
初始化Hexo项目：安装Hexo，创建新博客
部署到GitHub Pages：配置部署设置，推送静态文件
部署到Cloudflare Pag ...
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
VPS服务器购买自建节点的前提是需要有一台VPS服务器，推荐使用搬瓦工（Bandwagon Host），非常稳定，不满意支持退款，不用担心跑路。
SSH连接工具任选其中一个即可FinalShell(推荐):FinalShell下载MobaXterm:MobaXterm官网
S-UI面板+节点部署1、必要更新操作(Debian/Ubuntu)
1apt update -y && apt install -y curl socat wget
**注 ...
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Hexo博客美化，主题安装配置这期教程演示将使用一款基于hexo-theme-butterfly修改的主題-安知鱼，安知鱼是一个简洁、美丽的静态hexo主题
项目地址：https://github.com/anzhiyu-c/hexo-theme-anzhiyu官方文档：https://docs.anheyu.com/initall.html
1.安装主题1.1. Git 安裝在博客根目录里安装最新版主题
1git clone -b main https://github. ...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
