通过云服务器远程访问html文件

我入门前端的时候,就想着如果能让我的朋友远程访问我的html文件就好了,就可以发给他一个链接点进去之后是一个html的网页,然后就可以借机整蛊他,嘿嘿嘿(邪恶的种子就这么种下了)于是乎我就选择了通过云服务器来+域名来远程访问,期间走了不少弯路,于是前人栽个树,后人乘个凉吧.


云服务器以及域名的购买

首先从阿里云腾讯云华为云或者其他各种各样奇奇怪怪的云服务商中选择一个购买一个云服务器,当然初期阶段可以购买轻量应用服务器,我用的是腾讯云啊(主要是因为我喜欢蓝色),进入到这样的界面,之后按照他的指示进行购买就可以了,有的真的很贵,酌情购买。之后如果你觉得ip访问没有啥问题的话,其实暂时也不是很需要买域名(因为域名也不便宜,而且备案啥的尊嘟很麻烦)但是要买的话,就接着往下看吧。其实步骤也蛮相似的,就是进入主页,然后搜索域名申请,之后起一个名字,如果没有人用的话,就可以买啦,当然这个东西也是包年的(个人建议,不要买什么.com .cn之类很牛的后缀,因为这样子的后缀备案不是很方便,别问我怎么知道的)。


 html以及linux相关知识的学习

这方面的学习前面有好多前辈写了很多很好的文章,b站大学也有很多很好的视频。下面推荐几个个人收藏的宝藏博客。

01.第一个html文件.html-CSDN博客

其实这个文章吃透了就很厉害了~

https://www.cnblogs.com/change-oneself/p/5329837.html

html特殊符号集

https://blog.csdn.net/weixin_45190226/article/details/122790135?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170244727316800185846461%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=170244727316800185846461&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-5-122790135-null-null.142^v96^pc_search_result_base4&utm_term=html5%E7%AC%A6%E5%8F%B7%E5%B8%B8%E7%94%A8%E7%9A%84&spm=1018.2226.3001.4187

html常用符号集

买完服务器之后就要装系统了吗,选择云服务器的原因也就是他装系统特别方便,出了什么问题,一键重装系统就好了我选择的是ubuntu操作系统,主要是我比较熟悉这个操作系统的命令行,所以比较亲切,操作起来也更加熟悉。


将html文件下载到服务器中

步骤就是这个样子,先进入root模式,然后进入  /var/www/html  文件夹,用sudo rz 命令就可以从本地下载到服务器了。之后你就可以通过ip访问到你的这个html文件了,http://ip/1.html  就是这个样子。当然有的时候你会使用一些图片或者css文件,那么你就需要创建一个文件夹,并保证图片和css文件的路径与在html文件中的路径一致。

就像这个样子,创建一个文件夹,名字你自己取

 比如,我的文件夹的名字叫img, 那么我在写html文件的时候图片的路径就要写成  img/XXX.jpg  这个样子,保证浏览器能够顺着藤摸到瓜[doge].

  • 23
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
非常感谢您的提问。以下是一个简单的用.NET编写的可以远程访问本地文件的HTTP服务器的代码示例: using System; using System.IO; using System.Net; using System.Text; namespace HttpServer { class Program { static void Main(string[] args) { HttpListener listener = new HttpListener(); listener.Prefixes.Add("http://localhost:8080/"); listener.Start(); Console.WriteLine("Server started. Listening on http://localhost:8080/"); while (true) { HttpListenerContext context = listener.GetContext(); HttpListenerRequest request = context.Request; HttpListenerResponse response = context.Response; string filePath = request.Url.LocalPath.Substring(1); if (File.Exists(filePath)) { byte[] fileBytes = File.ReadAllBytes(filePath); response.ContentType = "application/octet-stream"; response.ContentLength64 = fileBytes.Length; response.AddHeader("Content-Disposition", "attachment; filename=\"" + Path.GetFileName(filePath) + "\""); response.OutputStream.Write(fileBytes, 0, fileBytes.Length); response.OutputStream.Close(); } else { string responseString = "<html><body><h1>404 Not Found</h1></body></html>"; byte[] buffer = Encoding.UTF8.GetBytes(responseString); response.ContentLength64 = buffer.Length; response.OutputStream.Write(buffer, 0, buffer.Length); response.OutputStream.Close(); } } } } } 这个HTTP服务器可以远程访问本地文件并提供下载。您可以通过浏览器或其他HTTP客户端访问它。请注意,这个示例代码并没有进行任何安全检查或身份验证,因此不应该在生产环境中使用。 关于美化界面,这个示例代码并没有提供任何界面,但您可以使用.NET的Windows窗体或WPF等技术来创建一个美观的界面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值