0成本无VPS搭建私人导航、图床、音乐服务器 | vercel freewha
目的：将一些小服务应用部署到免费的serverless/VPS上去
环境：0成本
实现方式：github + vercel/freewha
效果：
项目一：个人导航
项目二：个人博客
项目三：个人音乐服务器：
背景：上面的项目以前我都是部署在家里群晖上，或者VPS上，但是FRPC和VPS的流量，延时、运维更新等问题，实际用起来很繁琐，最近两年serverless发展很火，于是就萌生了把他们部署到免费的VPS或者serverless产品上
网络上有很多hexo博客部署到vercel、github.io的列子，我这里就用第三个个人音乐网站为例子演示一下步骤：
1. fork此项目：musify
首先你要有一个github账户，然后找到一个开源的静态音乐项目，fotk它，这里拿我的举例：musify
fork它，然后上传一些音乐本地文件，或者编辑音乐文件到链接中：
- 上传本地音乐文件到
musify/src/audio/目录下 - 然后编辑这个文件：
musify/src/data.js,怎么编辑就不细节了，参考我的格式就好了 - 你问音乐文件上传到哪里，你可以直接上传到github，但是不要超过100M，或者推荐下面的方式
自己找个类似图床或者别的
申请了个freewha的1.5G的空间
我也试过永硕E盘，但是直链会变
onedrive 转直链接是个方案，但是太多的重定向，手机上的浏览器不支持
2. 申请一个vercel账户：https://vercel.com/
上传文件或者编辑data.js文件后，我们申请一个vercel账户，并使用github账户注册，首次注册引导他会让你选择你的仓库，
2.1我们选择那个音乐项目即可，选择导入
2.2在部署设置里面选择默认即可，等待部署完成后
2.3 部署完成后，访问域名查看效果
系统会自动分配一个域名，访问这个域名就可以看到效果，你也可以绑定自定义域名，按照他的引导或者直接设置cnname别名转发
3.申请一个freewha账户 freewha
记住域名和密码，你可以自定义域名也可以按系统分配的，在域名后加/cpanel进入控制台
3.1 将项目文件编译为静态文件
还是以上门那个音乐项目为例，vercel可以自动编译项目为静态文件，freewha没这个功能，我们也不可能用自己电脑、vps去编译再上传，这样会失去初衷，所以这里我们使用github action 来帮助我们编译并上传到freewha
3.2 在项目上，创建一个github action，并贴入下列代码:
这段代码的用途是拉取一个docker 使用vue去编译为静态文件，并输出到gh_pages分支
name: 生成静态文件on:push:branches: [ main ]jobs:build:name:
0成本无VPS搭建私人导航、图床、音乐服务器 | vercel freewha相关推荐
- 【腾讯云服务器+PicGo搭建自己的图床】利用腾讯云服务器搭建自己的私人图床
起因 一直以来用的gitee图床挂了,本来想折腾折腾再换个图床的,但仔细想想任何图床都有再次挂掉的风险,千好万好不如自己有,之前一直图方便懒就没搭建自己的图床,今天趁这个机会自己利用腾讯云COS搭建一 ...
- Typora+PicGo+github搭建免费稳定图床写博客如行云流水（mac+window）
Typora+PicGo+github搭建免费稳定图床写博客如行云流水(mac+window) 0.前言 一直都在用typora写博客和技术文档,它干净整洁的洁面让我流连忘返.不过一直有一个问题困扰着 ...
- ESC云服务器搭建自己的图床
文章目录 前言 一.整体思路 二.具体步骤 1.在picgo中添加插件 2.在本地新建一个json文件(配置文件) 3.填写插件信息 4.开始上传图片 前言 在搭建个人博客时使用了markdown语法 ...
- 利用Github搭建自己的图床
MDPIC 利用Github搭建自己的图床! 简介 | English Version
- 教你如何搭建自己的图床
教你如何搭建自己的图床 首先说明,在自己的网站上搭建图床,一个是考虑到大多数人只有一台服务器:其次是,使用者只是偶尔需要用图,付费图床不合算.所以搭建一个自己的微型图床显然是最佳选择.下面将用到 do ...
- 在GitHub上搭建typora的图床
在GitHub上搭建typora的图床 PicGo和github搭建免费图床 **用到的工具:**PicGo PicGo是一款简易的图床上传工具,可以通过拖拽或者复制粘贴的方式将图片上传到图床. 下载 ...
- 10 分钟使用 Spring Boot + Vue + Antd + US3 搭建自己的图床
点击上方 好好学java ,选择 星标 公众号 重磅资讯.干货,第一时间送达 今日推荐:硬刚一周,3W字总结,一年的经验告诉你如何准备校招! 个人原创100W+访问量博客:点击前往,查看更多 网上已经 ...
- 快速搭建简单图床 - 远程访问本地搭建的EasyImage图床【内网穿透】
文章目录 1.前言 2. EasyImage网站搭建 2.1. EasyImage下载和安装 2.2. EasyImage网页测试 2.3.cpolar的安装和注册 3.本地网页发布 3.1.Cpol ...
- Typora+Gitee或SMMS搭建免费的图床，复制图片时直接上传图片到gitee仓库
下载Typora https://www.typora.io/ 下载PicGo 2.3.0: https://github.com/Molunerfinn/PicGo/releases/tag/v2. ...
最新文章
- C语言基础(12)-输入和输出
- 聊聊这两年学习slam啃过的书！
- python导入模块的变量_python 环境变量和import模块导入方法(详解)
- asp.net 发送邮件
- 招聘 | 香侬在召唤：算法工程师，让金融把你的代码变现
- leetcode装最多水的容器383
- python替代php,Python架构的PHP替代方案
- 完成聊天室的私聊功能
- DSP与单片机的区别
- Libev源码分析07：Linux下的eventfd简介
- 大数据开发笔记（四）：Hive数仓调优
- ubuntu中文乱码--添加中文字符集
- C++--第20课 - 函数模板
- Android 视频直播 （ 从快播到直播，从高清到无码 )十年视频开发项目
- excel 多行 取消隐藏_如何在Excel 2013中隐藏和取消隐藏行和列
- Hankson 的趣味题
- 解决html中表格线条粗细不一的问题
- Java--IDEA之Tomcat重启之后无法活化
- linux下迅雷的替代
- Python 中点法求积分
热门文章