【如何优雅地写博客】利用h5ai自建一个视频床！

[首页](https://blog.laoda.de/ "首页")

[归档](https://blog.laoda.de/archives "归档")

-   [生活类](https://blog.laoda.de/categories/essay "生活类")
-   [技术类](https://blog.laoda.de/categories/vps "技术类")
-   [创客类](https://blog.laoda.de/categories/maker "创客类")

[清单](https://blog.laoda.de/ "清单")

-   [分类](https://blog.laoda.de/categories "分类")
-   [说说](https://blog.laoda.de/journals "说说")

[图片](https://blog.laoda.de/photos "图片") [网盘](https://share.laoda.de/ "网盘") [搬瓦工库存监控](https://bwg.laoda.de/ "搬瓦工库存监控") [聊天室](https://t.laoda.de/ "聊天室")

[实验室](https://blog.laoda.de/ "实验室")

-   [网站监控](https://uptime.laoda.de/ "网站监控")
-   [服务器监控](https://ward.laoda.de/ "服务器监控")
-   [网站流量查询](https://umami.laoda.de/share/A81XO2fR/%E5%92%95%E5%92%95%F0%9F%90%A6 "网站流量查询")
-   [咕咕鸽的小鸡们](https://status.laoda.de/ "咕咕鸽的小鸡们")

[友情链接](https://blog.laoda.de/links "友情链接") [留言板](https://blog.laoda.de/s/comment "留言板") [关于我](https://blog.laoda.de/s/about "关于我")

[1 【2021年终盘点】今年用的最多的10款Mac应用](https://blog.laoda.de/archives/mac-app-2021 "【2021年终盘点】今年用的最多的10款Mac应用") [2 【2021年终盘点】今年用的最多的10款浏览器插件](https://blog.laoda.de/archives/edge-chrome-browser-plug-in "【2021年终盘点】今年用的最多的10款浏览器插件") [3 【好玩的Docker项目】搭建一个完全自由的音乐播放软件————Navidrome 随时随地！想听就听！](https://blog.laoda.de/archives/navidrome "【好玩的Docker项目】搭建一个完全自由的音乐播放软件————Navidrome 随时随地！想听就听！") [4 【转载】宝塔面板7.8无缝转为宝塔国际版aapanel，附宝塔7.8降级为宝塔7.7](https://blog.laoda.de/archives/bt-to-aapanel "【转载】宝塔面板7.8无缝转为宝塔国际版aapanel，附宝塔7.8降级为宝塔7.7") [5 【Docker系列】让网站更安全！开启NginxProxyManager网站访问登陆限制功能](https://blog.laoda.de/archives/nginxproxymanager-access-lists "【Docker系列】让网站更安全！开启NginxProxyManager网站访问登陆限制功能")

![侧边栏壁纸](https://blog.laoda.de/upload/2021/04/4f9eed27c4411415120b99d0f71430ff-3195b096d418411ca3c1fb412af947c5.jpeg)

![博主头像](https://blog.laoda.de/upload/2021/11/%E5%B0%8F%E9%B8%BD%E5%AD%90%E5%A4%B4%E5%83%8F-9a22b298cc914e12b6d567acdb1a3c38.png)

[咕咕鸽![博主等级](https://blog.laoda.de/themes/joe2.0/source/svg/level_3.svg)](https://blog.laoda.de/)

折腾起来！

-   累计撰写 **89** 篇文章
-   累计创建 **229** 个标签
-   累计收到 **404** 条评论

-   [栏目](https://blog.laoda.de/archives/h5ai-yes#)
    -   [首页](https://blog.laoda.de/ "首页")
    -   [归档](https://blog.laoda.de/archives "归档")
        
        -   [生活类](https://blog.laoda.de/categories/essay "生活类")
        -   [技术类](https://blog.laoda.de/categories/vps "技术类")
        -   [创客类](https://blog.laoda.de/categories/maker "创客类")
    -   [清单](https://blog.laoda.de/ "清单")
        
        -   [分类](https://blog.laoda.de/categories "分类")
        -   [说说](https://blog.laoda.de/journals "说说")
    -   [图片](https://blog.laoda.de/photos "图片")
    -   [网盘](https://share.laoda.de/ "网盘")
    -   [搬瓦工库存监控](https://bwg.laoda.de/ "搬瓦工库存监控")
    -   [聊天室](https://t.laoda.de/ "聊天室")
    -   [实验室](https://blog.laoda.de/ "实验室")
        
        -   [网站监控](https://uptime.laoda.de/ "网站监控")
        -   [服务器监控](https://ward.laoda.de/ "服务器监控")
        -   [网站流量查询](https://umami.laoda.de/share/A81XO2fR/%E5%92%95%E5%92%95%F0%9F%90%A6 "网站流量查询")
        -   [咕咕鸽的小鸡们](https://status.laoda.de/ "咕咕鸽的小鸡们")
    -   [友情链接](https://blog.laoda.de/links "友情链接")
    -   [留言板](https://blog.laoda.de/s/comment "留言板")
    -   [关于我](https://blog.laoda.de/s/about "关于我")

标签搜索

-   [Mac应用](https://blog.laoda.de/tags/mac%E5%BA%94%E7%94%A8 "Mac应用")
-   [谷歌浏览器插件](https://blog.laoda.de/tags/%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8%E6%8F%92%E4%BB%B6 "谷歌浏览器插件")
-   [浏览器插件](https://blog.laoda.de/tags/%E6%B5%8F%E8%A7%88%E5%99%A8%E6%8F%92%E4%BB%B6 "浏览器插件")
-   [Chrome插件](https://blog.laoda.de/tags/chrome%E6%8F%92%E4%BB%B6 "Chrome插件")
-   [谷歌浏览器](https://blog.laoda.de/tags/%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8 "谷歌浏览器")
-   [Chrome](https://blog.laoda.de/tags/chrome "Chrome")
-   [Music](https://blog.laoda.de/tags/music "Music")
-   [网易云音乐](https://blog.laoda.de/tags/%E7%BD%91%E6%98%93%E4%BA%91%E9%9F%B3%E4%B9%90 "网易云音乐")
-   [aapanel](https://blog.laoda.de/tags/aapanel "aapanel")
-   [网站安全](https://blog.laoda.de/tags/%E7%BD%91%E7%AB%99%E5%AE%89%E5%85%A8 "网站安全")
-   [http](https://blog.laoda.de/tags/http "http")
-   [Dock](https://blog.laoda.de/tags/dock "Dock")
-   [反向代理](https://blog.laoda.de/tags/%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86 "反向代理")
-   [https](https://blog.laoda.de/tags/https "https")
-   [通配符证书](https://blog.laoda.de/tags/%E9%80%9A%E9%85%8D%E7%AC%A6%E8%AF%81%E4%B9%A6 "通配符证书")
-   [tls](https://blog.laoda.de/tags/tls "tls")
-   [ws](https://blog.laoda.de/tags/ws "ws")
-   [vmess](https://blog.laoda.de/tags/vmess "vmess")
-   [xui](https://blog.laoda.de/tags/xui "xui")
-   [v2ray](https://blog.laoda.de/tags/v2ray "v2ray")
-   [umami](https://blog.laoda.de/tags/umami "umami")
-   [免费快照](https://blog.laoda.de/tags/%E5%85%8D%E8%B4%B9%E5%BF%AB%E7%85%A7 "免费快照")
-   [自动备份](https://blog.laoda.de/tags/%E8%87%AA%E5%8A%A8%E5%A4%87%E4%BB%BD "自动备份")
-   [瓦工](https://blog.laoda.de/tags/%E7%93%A6%E5%B7%A5 "瓦工")
-   [SeverStatus](https://blog.laoda.de/tags/severstatus "SeverStatus")
-   [Ward](https://blog.laoda.de/tags/ward "Ward")
-   [探针](https://blog.laoda.de/tags/%E6%8E%A2%E9%92%88 "探针")
-   [服务器监控](https://blog.laoda.de/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%9B%91%E6%8E%A7 "服务器监控")
-   [Uptime Kuma](https://blog.laoda.de/tags/uptimekuma "Uptime Kuma")
-   [网站监控](https://blog.laoda.de/tags/%E7%BD%91%E7%AB%99%E7%9B%91%E6%8E%A7 "网站监控")
-   [元旦](https://blog.laoda.de/tags/%E5%85%83%E6%97%A6 "元旦")
-   [特价VPS](https://blog.laoda.de/tags/%E7%89%B9%E4%BB%B7vps "特价VPS")
-   [活动](https://blog.laoda.de/tags/%E6%B4%BB%E5%8A%A8 "活动")
-   [圣诞](https://blog.laoda.de/tags/%E5%9C%A3%E8%AF%9E "圣诞")
-   [Container](https://blog.laoda.de/tags/container "Container")
-   [NginxProxyManager](https://blog.laoda.de/tags/nginxproxymanager "NginxProxyManager")
-   [Portainer](https://blog.laoda.de/tags/portainer "Portainer")
-   [SSL](https://blog.laoda.de/tags/ssl "SSL")
-   [域名](https://blog.laoda.de/tags/%E5%9F%9F%E5%90%8D "域名")
-   [黑五](https://blog.laoda.de/tags/%E9%BB%91%E4%BA%94 "黑五")
-   [耍猴](https://blog.laoda.de/tags/%E8%80%8D%E7%8C%B4 "耍猴")
-   [自带防御](https://blog.laoda.de/tags/%E8%87%AA%E5%B8%A6%E9%98%B2%E5%BE%A1 "自带防御")
-   [4837](https://blog.laoda.de/tags/4837 "4837")
-   [斯巴达](https://blog.laoda.de/tags/%E6%96%AF%E5%B7%B4%E8%BE%BE "斯巴达")
-   [Spartanhost](https://blog.laoda.de/tags/spartanhost "Spartanhost")
-   [测试脚本](https://blog.laoda.de/tags/%E6%B5%8B%E8%AF%95%E8%84%9A%E6%9C%AC "测试脚本")
-   [法兰克福](https://blog.laoda.de/tags/%E6%B3%95%E5%85%B0%E5%85%8B%E7%A6%8F "法兰克福")
-   [Olink](https://blog.laoda.de/tags/olink "Olink")
-   [9929](https://blog.laoda.de/tags/9929 "9929")
-   [AMD](https://blog.laoda.de/tags/amd "AMD")
-   [信息自由](https://blog.laoda.de/tags/%E4%BF%A1%E6%81%AF%E8%87%AA%E7%94%B1 "信息自由")
-   [暴力破解](https://blog.laoda.de/tags/%E6%9A%B4%E5%8A%9B%E7%A0%B4%E8%A7%A3 "暴力破解")
-   [宝塔](https://blog.laoda.de/tags/%E5%AE%9D%E5%A1%94 "宝塔")
-   [Ping](https://blog.laoda.de/tags/ping "Ping")
-   [挖矿](https://blog.laoda.de/tags/%E6%8C%96%E7%9F%BF "挖矿")
-   [灰黑产](https://blog.laoda.de/tags/%E7%81%B0%E9%BB%91%E4%BA%A7 "灰黑产")
-   [防火墙](https://blog.laoda.de/tags/%E9%98%B2%E7%81%AB%E5%A2%99 "防火墙")
-   [ufw](https://blog.laoda.de/tags/ufw "ufw")
-   [fail2ban](https://blog.laoda.de/tags/fail2ban "fail2ban")
-   [服务器安全](https://blog.laoda.de/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%AE%89%E5%85%A8 "服务器安全")
-   [bilibili](https://blog.laoda.de/tags/bilibili "bilibili")
-   [hal](https://blog.laoda.de/tags/hal "hal")
-   [h5ai](https://blog.laoda.de/tags/h5ai "h5ai")
-   [PicGo](https://blog.laoda.de/tags/picgo "PicGo")
-   [Chevereto](https://blog.laoda.de/tags/chevereto "Chevereto")
-   [DockerCompose](https://blog.laoda.de/tags/dockercompose "DockerCompose")
-   [种子下载](https://blog.laoda.de/tags/%E7%A7%8D%E5%AD%90%E4%B8%8B%E8%BD%BD "种子下载")
-   [BT](https://blog.laoda.de/tags/bt "BT")
-   [PT](https://blog.laoda.de/tags/pt "PT")
-   [qbittorrent](https://blog.laoda.de/tags/qbittorrent "qbittorrent")
-   [笔记推荐](https://blog.laoda.de/tags/%E7%AC%94%E8%AE%B0%E6%8E%A8%E8%8D%90 "笔记推荐")
-   [为知笔记](https://blog.laoda.de/tags/%E4%B8%BA%E7%9F%A5%E7%AC%94%E8%AE%B0 "为知笔记")
-   [Docker部署](https://blog.laoda.de/tags/docker%E9%83%A8%E7%BD%B2 "Docker部署")
-   [notepad](https://blog.laoda.de/tags/notepad "notepad")
-   [minimalist](https://blog.laoda.de/tags/minimalist "minimalist")
-   [Windows](https://blog.laoda.de/tags/windows "Windows")
-   [DD系统](https://blog.laoda.de/tags/dd%E7%B3%BB%E7%BB%9F "DD系统")
-   [系统重装](https://blog.laoda.de/tags/%E7%B3%BB%E7%BB%9F%E9%87%8D%E8%A3%85 "系统重装")
-   [Ubuntu](https://blog.laoda.de/tags/ubuntu "Ubuntu")
-   [Centos](https://blog.laoda.de/tags/centos "Centos")
-   [博客相关](https://blog.laoda.de/tags/%E5%8D%9A%E5%AE%A2%E7%9B%B8%E5%85%B3 "博客相关")
-   [自动发布](https://blog.laoda.de/tags/%E8%87%AA%E5%8A%A8%E5%8F%91%E5%B8%83 "自动发布")
-   [E5续期](https://blog.laoda.de/tags/e5%E7%BB%AD%E6%9C%9F "E5续期")
-   [E5](https://blog.laoda.de/tags/e5 "E5")
-   [奈飞检测](https://blog.laoda.de/tags/%E5%A5%88%E9%A3%9E%E6%A3%80%E6%B5%8B "奈飞检测")
-   [Halo](https://blog.laoda.de/tags/halo "Halo")
-   [Hugo](https://blog.laoda.de/tags/hugo "Hugo")
-   [Wordpress](https://blog.laoda.de/tags/wordpress "Wordpress")
-   [Debian11](https://blog.laoda.de/tags/debian11 "Debian11")
-   [Debian10](https://blog.laoda.de/tags/debian10 " Debian10")
-   [Debian](https://blog.laoda.de/tags/debian "Debian")
-   [bullseye](https://blog.laoda.de/tags/bullseye "bullseye")
-   [Bitwarden](https://blog.laoda.de/tags/bitwarden "Bitwarden")
-   [密码管理](https://blog.laoda.de/tags/%E5%AF%86%E7%A0%81%E7%AE%A1%E7%90%86 "密码管理")
-   [硬盘挂载](https://blog.laoda.de/tags/%E7%A1%AC%E7%9B%98%E6%8C%82%E8%BD%BD "硬盘挂载")
-   [frantech](https://blog.laoda.de/tags/frantech "frantech")
-   [IPv6](https://blog.laoda.de/tags/ipv6 "IPv6")
-   [博客更新](https://blog.laoda.de/tags/%E5%8D%9A%E5%AE%A2%E6%9B%B4%E6%96%B0 "博客更新")
-   [RSS](https://blog.laoda.de/tags/rss "RSS")
-   [Twitter](https://blog.laoda.de/tags/twitter " Twitter")
-   [IFTTT](https://blog.laoda.de/tags/ifttt "IFTTT")
-   [QQ音乐](https://blog.laoda.de/tags/qq%E9%9F%B3%E4%B9%90 "QQ音乐")
-   [咪咕音乐](https://blog.laoda.de/tags/%E5%92%AA%E5%92%95%E9%9F%B3%E4%B9%90 "咪咕音乐")
-   [网易云](https://blog.laoda.de/tags/%E7%BD%91%E6%98%93%E4%BA%91 "网易云")
-   [音乐播放](https://blog.laoda.de/tags/%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE "音乐播放")
-   [网站搭建](https://blog.laoda.de/tags/%E7%BD%91%E7%AB%99%E6%90%AD%E5%BB%BA "网站搭建")
-   [Koel](https://blog.laoda.de/tags/koel "Koel")
-   [VPS选购](https://blog.laoda.de/tags/vps%E9%80%89%E8%B4%AD "VPS选购")
-   [BuyVM](https://blog.laoda.de/tags/buyvm "BuyVM")
-   [Racknerd](https://blog.laoda.de/tags/racknerd "Racknerd")
-   [Cloudcone](https://blog.laoda.de/tags/cloudcone "Cloudcone")
-   [Contabo](https://blog.laoda.de/tags/contabo "Contabo")
-   [Vultr](https://blog.laoda.de/tags/vultr "Vultr")
-   [搬瓦工](https://blog.laoda.de/tags/%E6%90%AC%E7%93%A6%E5%B7%A5 "搬瓦工")
-   [腾讯云轻量应用](https://blog.laoda.de/tags/%E8%85%BE%E8%AE%AF%E4%BA%91%E8%BD%BB%E9%87%8F%E5%BA%94%E7%94%A8 "腾讯云轻量应用")
-   [大盘鸡](https://blog.laoda.de/tags/%E5%A4%A7%E7%9B%98%E9%B8%A1 "大盘鸡")
-   [filebrowser](https://blog.laoda.de/tags/filebrowser "filebrowser")
-   [rclone](https://blog.laoda.de/tags/rclone "rclone")
-   [离线下载](https://blog.laoda.de/tags/%E7%A6%BB%E7%BA%BF%E4%B8%8B%E8%BD%BD "离线下载")
-   [aria2](https://blog.laoda.de/tags/aria2 "aria2")
-   [VPS线路](https://blog.laoda.de/tags/vps%E7%BA%BF%E8%B7%AF "VPS线路")
-   [163](https://blog.laoda.de/tags/163 "163")
-   [CN2 GIA](https://blog.laoda.de/tags/cn2gia "CN2 GIA")
-   [CN2](https://blog.laoda.de/tags/cn2 "CN2")
-   [网盘直链](https://blog.laoda.de/tags/%E7%BD%91%E7%9B%98%E7%9B%B4%E9%93%BE "网盘直链")
-   [OneDrive](https://blog.laoda.de/tags/onedrive "OneDrive")
-   [OD](https://blog.laoda.de/tags/od "OD")
-   [olaindex](https://blog.laoda.de/tags/olaindex "olaindex")
-   [VPS教程](https://blog.laoda.de/tags/vps%E6%95%99%E7%A8%8B "VPS教程")
-   [教程](https://blog.laoda.de/tags/%E6%95%99%E7%A8%8B "教程")
-   [永久免费](https://blog.laoda.de/tags/%E6%B0%B8%E4%B9%85%E5%85%8D%E8%B4%B9 "永久免费")
-   [甲骨文云](https://blog.laoda.de/tags/%E7%94%B2%E9%AA%A8%E6%96%87%E4%BA%91 "甲骨文云")
-   [甲骨文](https://blog.laoda.de/tags/%E7%94%B2%E9%AA%A8%E6%96%87 "甲骨文")
-   [购买注意](https://blog.laoda.de/tags/%E8%B4%AD%E4%B9%B0%E6%B3%A8%E6%84%8F "购买注意")
-   [云服务器](https://blog.laoda.de/tags/%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8 "云服务器")
-   [telegram](https://blog.laoda.de/tags/telegram "telegram")
-   [网上冲浪指南](https://blog.laoda.de/tags/%E7%BD%91%E4%B8%8A%E5%86%B2%E6%B5%AA%E6%8C%87%E5%8D%97 "网上冲浪指南")
-   [基金定投](https://blog.laoda.de/tags/%E5%9F%BA%E9%87%91%E5%AE%9A%E6%8A%95 "基金定投")
-   [TMT](https://blog.laoda.de/tags/tmt "TMT")
-   [SWAP](https://blog.laoda.de/tags/swap "SWAP")
-   [虚拟内存](https://blog.laoda.de/tags/%E8%99%9A%E6%8B%9F%E5%86%85%E5%AD%98 "虚拟内存")
-   [脚本](https://blog.laoda.de/tags/%E8%84%9A%E6%9C%AC "脚本")
-   [高性价比](https://blog.laoda.de/tags/%E9%AB%98%E6%80%A7%E4%BB%B7%E6%AF%94 "高性价比")
-   [VPS推荐](https://blog.laoda.de/tags/vps%E6%8E%A8%E8%8D%90 "VPS推荐")
-   [测速](https://blog.laoda.de/tags/%E6%B5%8B%E9%80%9F "测速")
-   [奈飞](https://blog.laoda.de/tags/%E5%A5%88%E9%A3%9E "奈飞")
-   [Trojan](https://blog.laoda.de/tags/trojan "Trojan")
-   [番茄](https://blog.laoda.de/tags/%E7%95%AA%E8%8C%84 "番茄")
-   [M1](https://blog.laoda.de/tags/m1 "M1")
-   [ARM](https://blog.laoda.de/tags/arm "ARM")
-   [Homebrew](https://blog.laoda.de/tags/homebrew "Homebrew")
-   [ARM 版 Homebrew](https://blog.laoda.de/tags/arm%E7%89%88homebrew "ARM 版 Homebrew")
-   [Typora](https://blog.laoda.de/tags/typora "Typora")
-   [写作工具](https://blog.laoda.de/tags/%E5%86%99%E4%BD%9C%E5%B7%A5%E5%85%B7 "写作工具")
-   [MarkDown](https://blog.laoda.de/tags/markdown "MarkDown")
-   [Tomcat](https://blog.laoda.de/tags/tomcat "Tomcat")
-   [Nginx](https://blog.laoda.de/tags/nginx "Nginx")
-   [SEO](https://blog.laoda.de/tags/seo "SEO")
-   [百度推送](https://blog.laoda.de/tags/%E7%99%BE%E5%BA%A6%E6%8E%A8%E9%80%81 "百度推送")
-   [Git](https://blog.laoda.de/tags/git "Git")
-   [JavaScript](https://blog.laoda.de/tags/javascript "JavaScript")
-   [自动签到](https://blog.laoda.de/tags/%E8%87%AA%E5%8A%A8%E7%AD%BE%E5%88%B0 "自动签到")
-   [好用](https://blog.laoda.de/tags/%E5%A5%BD%E7%94%A8 "好用")
-   [生产力工具](https://blog.laoda.de/tags/%E7%94%9F%E4%BA%A7%E5%8A%9B%E5%B7%A5%E5%85%B7 "生产力工具")
-   [软件推荐](https://blog.laoda.de/tags/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90 "软件推荐")
-   [Docker](https://blog.laoda.de/tags/docker "Docker")
-   [TinyTinyRSS](https://blog.laoda.de/tags/tinytinyrss " TinyTinyRSS")
-   [Java](https://blog.laoda.de/tags/java "Java")
-   [shell](https://blog.laoda.de/tags/shell "shell")
-   [云盘](https://blog.laoda.de/tags/%E4%BA%91%E7%9B%98 "云盘")
-   [手机内存](https://blog.laoda.de/tags/%E6%89%8B%E6%9C%BA%E5%86%85%E5%AD%98 "手机内存")
-   [相册备份](https://blog.laoda.de/tags/%E7%9B%B8%E5%86%8C%E5%A4%87%E4%BB%BD "相册备份")
-   [一刻相册](https://blog.laoda.de/tags/%E4%B8%80%E5%88%BB%E7%9B%B8%E5%86%8C "一刻相册")
-   [Google相册](https://blog.laoda.de/tags/google%E7%9B%B8%E5%86%8C "Google相册")
-   [Nextcloud](https://blog.laoda.de/tags/nextcloud "Nextcloud")
-   [和彩云](https://blog.laoda.de/tags/%E5%92%8C%E5%BD%A9%E4%BA%91 "和彩云")
-   [天翼云](https://blog.laoda.de/tags/%E5%A4%A9%E7%BF%BC%E4%BA%91 "天翼云")
-   [蓝奏云](https://blog.laoda.de/tags/%E8%93%9D%E5%A5%8F%E4%BA%91 "蓝奏云")
-   [GoogleDrive](https://blog.laoda.de/tags/googledrive "GoogleDrive")
-   [IDM](https://blog.laoda.de/tags/idm "IDM")
-   [油猴脚本](https://blog.laoda.de/tags/%E6%B2%B9%E7%8C%B4%E8%84%9A%E6%9C%AC "油猴脚本")
-   [腾讯云香港轻量服务器](https://blog.laoda.de/tags/%E8%85%BE%E8%AE%AF%E4%BA%91%E9%A6%99%E6%B8%AF%E8%BD%BB%E9%87%8F%E6%9C%8D%E5%8A%A1%E5%99%A8 "腾讯云香港轻量服务器")
-   [腾讯云](https://blog.laoda.de/tags/%E8%85%BE%E8%AE%AF%E4%BA%91 "腾讯云")
-   [阿里云香港轻量服务器](https://blog.laoda.de/tags/%E9%98%BF%E9%87%8C%E4%BA%91%E9%A6%99%E6%B8%AF%E8%BD%BB%E9%87%8F%E6%9C%8D%E5%8A%A1%E5%99%A8 "阿里云香港轻量服务器")
-   [go](https://blog.laoda.de/tags/go "go")
-   [cloudreve](https://blog.laoda.de/tags/cloudreve "cloudreve")
-   [房东的猫](https://blog.laoda.de/tags/%E6%88%BF%E4%B8%9C%E7%9A%84%E7%8C%AB "房东的猫")
-   [创客嘉年华](https://blog.laoda.de/tags/%E5%88%9B%E5%AE%A2%E5%98%89%E5%B9%B4%E5%8D%8E "创客嘉年华")
-   [强生](https://blog.laoda.de/tags/%E5%BC%BA%E7%94%9F "强生")
-   [宝洁](https://blog.laoda.de/tags/%E5%AE%9D%E6%B4%81 "宝洁")
-   [可口可乐](https://blog.laoda.de/tags/%E5%8F%AF%E5%8F%A3%E5%8F%AF%E4%B9%90 "可口可乐")
-   [百事可乐](https://blog.laoda.de/tags/%E7%99%BE%E4%BA%8B%E5%8F%AF%E4%B9%90 "百事可乐")
-   [学习必备](https://blog.laoda.de/tags/%E5%AD%A6%E4%B9%A0%E5%BF%85%E5%A4%87 "学习必备")
-   [Google](https://blog.laoda.de/tags/google "Google")
-   [魔法上网](https://blog.laoda.de/tags/%E9%AD%94%E6%B3%95%E4%B8%8A%E7%BD%91 "魔法上网")
-   [Linux](https://blog.laoda.de/tags/linux "Linux")
-   [FRP](https://blog.laoda.de/tags/frp "FRP")
-   [DF创客社区](https://blog.laoda.de/tags/df%E5%88%9B%E5%AE%A2%E7%A4%BE%E5%8C%BA "DF创客社区")
-   [Raspberrypi](https://blog.laoda.de/tags/raspberrypi "Raspberrypi")
-   [树莓派](https://blog.laoda.de/tags/%E6%A0%91%E8%8E%93%E6%B4%BE "树莓派")
-   [常用工具](https://blog.laoda.de/tags/%E5%B8%B8%E7%94%A8%E5%B7%A5%E5%85%B7 "常用工具")
-   [网站推荐](https://blog.laoda.de/tags/%E7%BD%91%E7%AB%99%E6%8E%A8%E8%8D%90 "网站推荐")
-   [宝塔面板](https://blog.laoda.de/tags/%E5%AE%9D%E5%A1%94%E9%9D%A2%E6%9D%BF "宝塔面板")
-   [Typecho](https://blog.laoda.de/tags/typecho "Typecho")
-   [内容分发网络](https://blog.laoda.de/tags/%E5%86%85%E5%AE%B9%E5%88%86%E5%8F%91%E7%BD%91%E7%BB%9C "内容分发网络")
-   [IP](https://blog.laoda.de/tags/ip "IP")
-   [CDN](https://blog.laoda.de/tags/cdn "CDN")
-   [IPLC](https://blog.laoda.de/tags/iplc "IPLC")
-   [BGP](https://blog.laoda.de/tags/bgp "BGP")
-   [线路](https://blog.laoda.de/tags/%E7%BA%BF%E8%B7%AF "线路")
-   [短链接](https://blog.laoda.de/tags/%E7%9F%AD%E9%93%BE%E6%8E%A5 "短链接")
-   [POLR](https://blog.laoda.de/tags/polr "POLR")
-   [CSDN](https://blog.laoda.de/tags/csdn "CSDN")
-   [YouTube](https://blog.laoda.de/tags/youtube "YouTube")
-   [VPS](https://blog.laoda.de/tags/vps "VPS")
-   [短网址](https://blog.laoda.de/tags/%E7%9F%AD%E7%BD%91%E5%9D%80 "短网址")
-   [网站](https://blog.laoda.de/tags/%E7%BD%91%E7%AB%99 "网站")
-   [YOURLS](https://blog.laoda.de/tags/yourls "YOURLS")
-   [Namesilo](https://blog.laoda.de/tags/namesilo "Namesilo")
-   [域名购买](https://blog.laoda.de/tags/%E5%9F%9F%E5%90%8D%E8%B4%AD%E4%B9%B0 "域名购买")
-   [个人博客](https://blog.laoda.de/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2 "个人博客")
-   [博客搭建](https://blog.laoda.de/tags/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA "博客搭建")
-   [Hexo](https://blog.laoda.de/tags/hexo "Hexo")
-   [网盘](https://blog.laoda.de/tags/%E7%BD%91%E7%9B%98 "网盘")
-   [服务器](https://blog.laoda.de/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8 "服务器")
-   [上海](https://blog.laoda.de/tags/%E4%B8%8A%E6%B5%B7 "上海")
-   [年轻人](https://blog.laoda.de/tags/%E5%B9%B4%E8%BD%BB%E4%BA%BA "年轻人")
-   [奋斗](https://blog.laoda.de/tags/%E5%A5%8B%E6%96%97 "奋斗")
-   [沪漂](https://blog.laoda.de/tags/%E6%B2%AA%E6%BC%82 "沪漂")

-   [首页](https://blog.laoda.de/ "首页")
-   /
-   [网站搭建](https://blog.laoda.de/categories/website-build "网站搭建")
-   /
-   正文

隐藏侧边栏

[网站搭建](https://blog.laoda.de/categories/website-build "网站搭建") [有用的知识](https://blog.laoda.de/categories/something-useful "有用的知识")

# 【如何优雅地写博客】利用h5ai自建一个视频床！

![咕咕鸽](https://blog.laoda.de/upload/2021/11/%E5%B0%8F%E9%B8%BD%E5%AD%90%E5%A4%B4%E5%83%8F-9a22b298cc914e12b6d567acdb1a3c38.png)

[咕咕鸽](https://blog.laoda.de/s/about "咕咕鸽")

2021-09-19 / 0 评论 / 1 点赞 / 1,009 阅读 / 4,088 字 / 已收录

09/19

温馨提示：

本文最后更新于 2021-09-20，若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益，请联系我们删除。

**结合视频食用更佳**

**Halo完整搭建视频：**

## 视频测试环境

-   Ubuntu20.04
-   宝塔面板7.7.0
-   Nginx1.18.0
-   MySQL5.6.50
-   PHP7.4
-   Docker20.10.8
-   Docker Compose1.29.2

## Markdown用法

具体请见：[https://halo.run/archives/use-markdown](https://halo.run/archives/use-markdown)

### 自适应代码

#### b站通用代码

```
<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"src="//player.bilibili.com/player.html?aid=632650247&bvid=BV1bb4y1m73h&cid=398488643&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" ></iframe>
</div>

```

#### 自定义视频代码

不自动播放：

```
<div style="position: relative; padding: 30% 45%;">
<video style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" controls>
    <source src="https://files.guguge.ga/video/Water%20Rocket%20-%20Data%20Visualizer%20Demo%20%281%29.mp4" type="video/mp4">
</video>
</div>

```

自动播放：

```
<div style="position: relative; padding: 30% 45%;">
<video style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" controls autoplay>
    <source src="https://files.guguge.ga/video/Water%20Rocket%20-%20Data%20Visualizer%20Demo%20%281%29.mp4" type="video/mp4">
</video>
</div>

```

参考：[html - 如何在iframe中禁用本地视频的自动播放  
](https://www.coder.work/article/302311)

### 网易云音乐

```
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=32507038&auto=0&height=66"></iframe>

```

> 如果设置`auto=1`，则会自动播放

### 源码下载：

[https://release.larsjung.de/h5ai/h5ai-0.30.0.zip](https://release.larsjung.de/h5ai/h5ai-0.30.0.zip)

### 伪静态

```
index index.html index.php /_h5ai/public/index.php;

```

### 配置优化

参考链接：[https://waterbear.pw/1973.html](https://waterbear.pw/1973.html)

h5ai 的配置文件为`_h5ai/private/conf/options.json`，修改它对 h5ai 的功能进行增减。

#### 语言设置

```
"l10n": {
        "enabled": true,
        "lang": "en",
        "useBrowserLang": true
    },

```

enabled：是否允许更改界面语言

lang：默认界面语言，en 为英文，zh-cn 为中文简体，zh-tw 为中文繁体。

useBrowserLang：是否根据浏览器的语言来自动调整界面语言。

#### 显示设置

```
   "info": {
        "enabled": false,
        "show": false,
        "qrcode": true,
        "qrFill": "#999",
        "qrBack": "#fff"
    },

```

enabled：是否显示右侧边栏（详情栏）。

show：是否一直显示右侧边栏。

qrcode：是否在右侧边栏生成下载链接的二维码以方便移动端下载。

#### 字体设置(Google字体换镜像源)

将 fonts.googleapis.com 更换为国内的镜像网站。如中科大。

```
   "resources": {
        "scripts": [],
        "styles": [
            "//fonts.lug.ustc.edu.cn/css?family=Ubuntu:300,400,700%7CUbuntu+Mono:400,700"
        ]
    },

```

#### 下载设置

```
    "download": {
        "enabled": false,
        "type": "php-tar",
        "packageName": null,
        "alwaysVisible": false
    },
    "select": {
        "enabled": true,
        "clickndrag": true,
        "checkboxes": false
    },

```

**选择的设置**

enabled：是否允许文件选择，如果禁止文件选择，那么文件就无法下载。

clickndrag：是否允许左键拖动来进行文件多选。

checkboxes：当鼠标悬浮在文件名上时是否显示选择框。

**下载的设置**

enabled：是否允许下载文件。

type：选择压缩方式。

php-tar：使用 php 内置功能来下载文件，多线程，可以同时下载多个文件。

shell-tar：使用外部 tar 程序来下载文件，单线程，同一时间只能下载一个文件。

shell-zip：使用外部 zip 程序来下载文件，单线程，同一时间只能下载一个文件。

packageName：默认压缩包名称，为 null 时压缩包名称当前文件夹的名称,

alwaysVisible：下载按钮是否动态显示（只能选中文件后显示）。

### 页眉页脚设置

当分享的文件夹太多时，为了方便区分，可以在文件夹下创建指定名称的文件来提供简介。

这些信息显示在页面文件夹列表的上面或下面。

**页眉**

在文件夹下新建 \_h5ai.header.html 或 \_h5ai.header.md，以提供此文件夹简介。

在浏览器中刷新此文件夹的页面即可。

> \_h5ai.header 的内容被添加在
> 
> 里。所以页面里不能包含 等标签。

\_h5ai.header.html：

```
<h1 style="text-align:center">This is a header message</h1>
<p style="text-align:center">
The header is read from file <code>_h5ai.header.html</code>. The content of this file will be enclosed by div tags.
</p>

```

**页脚**

在文件夹下新建 \_h5ai.footer.html 或 \_h5ai.footer.md，以提供此文件夹简介。

在浏览器中刷新此文件夹的页面即可。

> \_h5ai.footer 的内容被添加在
> 
> 里。所以页面里不能包含 等标签。

\_h5ai.footer.html：

```
<p style="text-align:center">
The footer is read from file _h5ai.footer.html.The content of this file will be enclosed by div tags.
</p>
<p style="text-align:center">
<strong>Note</strong>: all files and directories of name _h5ai* are hidden from the index by default.
</p>

```

更多功能，可以访问[https://waterbear.pw/1973.html](https://waterbear.pw/1973.html) 参考

### filebrowser安装

```
docker run -d -v /www/wwwroot/files.guguge.ga:/srv -v /root/filebrowser/filebrowserconfig.json:/etc/config.json -v /root/filebrowser/database.db:/etc/database.db --name myfile -p 8002:80 filebrowser/filebrowser

```

1.  [视频测试环境](https://blog.laoda.de/archives/h5ai-yes#%E8%A7%86%E9%A2%91%E6%B5%8B%E8%AF%95%E7%8E%AF%E5%A2%83)
2.  [Markdown用法](https://blog.laoda.de/archives/h5ai-yes#markdown%E7%94%A8%E6%B3%95)
    1.  [自适应代码](https://blog.laoda.de/archives/h5ai-yes#%E8%87%AA%E9%80%82%E5%BA%94%E4%BB%A3%E7%A0%81)
        1.  [b站通用代码](https://blog.laoda.de/archives/h5ai-yes#b%E7%AB%99%E9%80%9A%E7%94%A8%E4%BB%A3%E7%A0%81)
        2.  [自定义视频代码](https://blog.laoda.de/archives/h5ai-yes#%E8%87%AA%E5%AE%9A%E4%B9%89%E8%A7%86%E9%A2%91%E4%BB%A3%E7%A0%81)
    2.  [网易云音乐](https://blog.laoda.de/archives/h5ai-yes#%E7%BD%91%E6%98%93%E4%BA%91%E9%9F%B3%E4%B9%90)
    3.  [源码下载：](https://blog.laoda.de/archives/h5ai-yes#%E6%BA%90%E7%A0%81%E4%B8%8B%E8%BD%BD)
    4.  [伪静态](https://blog.laoda.de/archives/h5ai-yes#%E4%BC%AA%E9%9D%99%E6%80%81)
    5.  [配置优化](https://blog.laoda.de/archives/h5ai-yes#%E9%85%8D%E7%BD%AE%E4%BC%98%E5%8C%96)
        1.  [语言设置](https://blog.laoda.de/archives/h5ai-yes#%E8%AF%AD%E8%A8%80%E8%AE%BE%E7%BD%AE)
        2.  [显示设置](https://blog.laoda.de/archives/h5ai-yes#%E6%98%BE%E7%A4%BA%E8%AE%BE%E7%BD%AE)
        3.  [字体设置(Google字体换镜像源)](https://blog.laoda.de/archives/h5ai-yes#%E5%AD%97%E4%BD%93%E8%AE%BE%E7%BD%AEgoogle%E5%AD%97%E4%BD%93%E6%8D%A2%E9%95%9C%E5%83%8F%E6%BA%90)
        4.  [下载设置](https://blog.laoda.de/archives/h5ai-yes#%E4%B8%8B%E8%BD%BD%E8%AE%BE%E7%BD%AE)
    6.  [页眉页脚设置](https://blog.laoda.de/archives/h5ai-yes#%E9%A1%B5%E7%9C%89%E9%A1%B5%E8%84%9A%E8%AE%BE%E7%BD%AE)
    7.  [filebrowser安装](https://blog.laoda.de/archives/h5ai-yes#filebrowser%E5%AE%89%E8%A3%85)

1

[宝塔面板](https://blog.laoda.de/tags/%E5%AE%9D%E5%A1%94%E9%9D%A2%E6%9D%BF) [Docker](https://blog.laoda.de/tags/docker) [MarkDown](https://blog.laoda.de/tags/markdown) [filebrowser](https://blog.laoda.de/tags/filebrowser) [Halo](https://blog.laoda.de/tags/halo) [h5ai](https://blog.laoda.de/tags/h5ai) [bilibili](https://blog.laoda.de/tags/bilibili)

[](javascript:; "复制文章链接")[](http://service.weibo.com/share/share.php?sharesource=weibo&title=%E5%88%86%E4%BA%AB%EF%BC%9A%E3%80%90%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E5%9C%B0%E5%86%99%E5%8D%9A%E5%AE%A2%E3%80%91%E5%88%A9%E7%94%A8h5ai%E8%87%AA%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%A7%86%E9%A2%91%E5%BA%8A%EF%BC%81%EF%BC%8C%E5%8E%9F%E6%96%87%E9%93%BE%E6%8E%A5%EF%BC%9Ahttps://blog.laoda.de/archives/h5ai-yes&pic=https://pic.loll.cc/images/2021/09/19/202109192108958.png "分享到新浪微博")[](https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://blog.laoda.de/archives/h5ai-yes&sharesource=qzone&title=%E3%80%90%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E5%9C%B0%E5%86%99%E5%8D%9A%E5%AE%A2%E3%80%91%E5%88%A9%E7%94%A8h5ai%E8%87%AA%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%A7%86%E9%A2%91%E5%BA%8A%EF%BC%81&pics=https://pic.loll.cc/images/2021/09/19/202109192108958.png "分享到QQ空间")[](https://connect.qq.com/widget/shareqq/index.html?url=https://blog.laoda.de/archives/h5ai-yes&title=%E3%80%90%E5%A6%82%E4%BD%95%E4%BC%98%E9%9B%85%E5%9C%B0%E5%86%99%E5%8D%9A%E5%AE%A2%E3%80%91%E5%88%A9%E7%94%A8h5ai%E8%87%AA%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%A7%86%E9%A2%91%E5%BA%8A%EF%BC%81&pics=https://pic.loll.cc/images/2021/09/19/202109192108958.png "分享到QQ")[

微信扫一扫

](javascript:; "分享到微信")

1.  ![qrcode alipay](https://blog.laoda.de/upload/2020/09/IMG_7204-b98a8e5c984d43fa976db8e07950971b.JPG)
2.  ![qrcode weixin](https://blog.laoda.de/upload/2020/09/IMG_7203-034abba804094425b99f247c962cc29e.JPG)

版权归属： 咕咕鸽

本文链接： [https://blog.laoda.de/archives/h5ai-yes](https://blog.laoda.de/archives/h5ai-yes)

许可协议： 本文使用《[署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh)》协议授权

[![广告](https://pic.loll.cc/images/2021/11/21/20200711092319.png) 广告](https://loll.cc/vultr "广告")

-   [上一篇](https://blog.laoda.de/archives/how-to-secure-a-linux-server "保护好你的小鸡！保姆级服务器安全教程！")
-   [下一篇](https://blog.laoda.de/archives/chevereto-picgo-typora "【如何优雅地写博客】自建一个永不裂开的图床！")

## 评论区

![博主栏壁纸](https://blog.laoda.de/upload/2021/04/4f9eed27c4411415120b99d0f71430ff-3195b096d418411ca3c1fb412af947c5.jpeg)

![博主头像](https://blog.laoda.de/upload/2021/11/%E5%B0%8F%E9%B8%BD%E5%AD%90%E5%A4%B4%E5%83%8F-9a22b298cc914e12b6d567acdb1a3c38.png) ![挂架](https://blog.laoda.de/themes/joe2.0/source/frame/bull-puff.png)

[咕咕鸽![博主等级](https://blog.laoda.de/themes/joe2.0/source/svg/level_3.svg)](https://blog.laoda.de/)

折腾起来！

229 标签数

89 文章数

404 评论量

公告信息

遇到想要了解的内容，可以多用右上角的【搜索】功能～

请我喝杯咖啡

![二维码](https://blog.laoda.de/upload/2021/11/IMG_0846-b45b808468ce46c99b046cb8d7c1fa31.jpg)

我的歌单

今天也想见到你 \- 焦迈奇

如果我笑了

因为在想你

你总有无数奇怪的问题

如果我哭了

也是因为你

有意无意地远离

昨夜的流星划过你的眼睛

那是我最寂寞的心情

今天也想见到你

不管什么天气

许下的那些心愿

等你揭开谜底

今天也想见到你

谁也无法代替

希望你同样在意

当爱偷偷靠近

昨夜的流星划过你的眼睛

那是我最寂寞的心情

今天也想见到你

不管什么天气

许下的那些心愿

等你揭开谜底

今天也想见到你

谁也无法代替

希望你同样在意

当爱偷偷靠近

今天也想见到你

不管什么天气

许下的那些心愿

等你揭开谜底

今天也想见到你

谁也无法代替

希望你同样在意

当爱偷偷靠近

OP/SP：北京有此山文化传媒有限公司

制作人Produced by：许蔚天

键盘Keys by：许蔚天

吉他Guitars by：于杨悠然 崔文正

贝斯Bass by：崔文正

鼓Drums by：肖博文

弦乐编写Strings Arranged by：许蔚天

弦乐Strings by：国际首席爱乐乐团

弦乐录音棚Strings Recorded by：翰林院录音棚

和声Backing Vocals by：焦迈奇 孙哈哈 许蔚天

人声录音Vocal Recorded by：王晓海@录顶技Studio

音频编辑Audio Edited by：姜伟昊@TC Faders

混音制作/母带工程Mixed &Mastering by：周天澈@TC Faders

出品：北京有此山文化传媒有限公司

出品人&总策划：奚韬

00:00 / 04:00

1.  1 Lemon 米津玄師
2.  2 无人之岛 任然
3.  3 今天也想见到你 焦迈奇
4.  4 约定(Live) 陈奕迅