.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 git clone -b main https://gith ...
.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:配置部署设置,推送 ...