[up主专用,视频内嵌代码贴在这]
.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.com/anzhiyu-c/hexo-theme-anzhiyu.git themes/anzhiyu
第一次使用需要安装 pug 以及 stylus 的渲染器
1npm install hexo-renderer-pug hexo-renderer-stylus --save
1.2 应用主题修改 hexo 配置文件printf(_config.yml),把主题改为printf(anzhiyu)
1theme: anzhiyu
1.3 覆盖配置覆盖配置可以使主题配置放置在 anzhiyu 目录之外,避免在更新主题时丢 ...
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