如何确保我的网站在演示过程中可用?


12

我下周有一个在线演示文稿,我已经准备就绪。

该网站仅HTML和CSS(无数据库),当前位于我的共享托管帐户中。

现在,尽管我的共享托管(相对)可靠,但我注意到最近他们一直在进行一些更改,并且我的网站有时不可用。

我不希望在演示文稿的早晨发生这种情况,所以我问什么是准备这种事情的最佳方法是什么?

我的专长是www.presentation.mydomain.com,如果可能(即使出现问题),我也希望保留。

我一直在想一些替代方案:

  • 将我的网站托管在两个不同的域或服务器上(但是域名呢?)

  • 在USB记忆棒上有可移植的XAMPP版本(还是域名)?

  • 可能的故障转移站点/位置

更新:

演示将在他们的笔记本电脑上进行,而不是在我的笔记本电脑上进行。因此,我无法安装任何软件。


只需将该站点阻止为127.0.0.1(如果在Windows上,则通过hosts文件)。然后,如果您转到该站点,则apache将服务于localhost。我在开发机上执行此操作:P
user3459110 2014年

2
也许在您的USB记忆棒场景中使用HTTrack完全离线下载它?
Uwe Keim 2014年

防止演示恶魔...演示出错就像墨菲定律一样可预测。鉴于它不是php应用程序,因此可以在本地在便携式计算机上托管并添加将您的域指向127.0.0.1的hosts文件条目即可。
Fiasco Labs 2014年

Answers:


14

通常,您不需要任何服务器即可查看原始HTML文件,即使它们引用了其他文件,CSS和JavaScript。只需双击任何文件,它将使用本地文件系统中计算机的默认浏览器打开。

但是,您可能需要检查静态内容是否没有对其他文件或其他资源的绝对引用(<a href='http://mysite.com/extra.html'>),而仅包含相对引用(<a href='extra.html'>)。无论如何,这是一个好习惯。

最好是将内容预先复制到将要使用的笔记本电脑的硬盘中,并测试演示文稿。如果您突然需要使用另一台机器,请在USB记忆棒或CD盘中也放入相同的内容。


我已经尝试过了,但仍然可以正常工作,尽管我无法使用将要使用的笔记本电脑,但是在带有随机PC的USB上它可以正常工作。看到我有css和js文件,不确定我是否需要服务器。谢谢!
jonboy 2014年

2
@johnny_s CSS和JS都在客户端(也称为浏览器)中运行。无需服务。
Ryan

11

由于您的站点是静态的,因此一种解决方案是使用CloudFlare,因为如果您的站点出现故障(使用正确的配置),它仍然可以提供缓存的页面。如果有问题,它将是透明的。

如果无法使用笔记本电脑,请在笔记本电脑或记忆棒上保留网站的副本。如果一切都出错了,您仍然可以使用localhost而不是域名来完成演示。这将是万不得已的解决方案。

PS:当然,要实现一个可移植的网站,应该在任何地方实现相对路径,即以“ \”开头的意思是“从根开始相对”。不要忘记它,否则链接将相对于当前目录。


谢谢@JVerstry我从未听说过CloudFare必须调查一下。我也更新了我原来的问题,我没有自己的笔记本电脑所以不会有任何访问之前安装软件等
jonboy

@johnny_s我已经更新了答案,您可以将演示文稿的副本放在USB记忆棒上,如果出现问题,可以将其插入笔记本电脑。
杰罗姆Verstrynge

感谢@JVerstry-您的意思是将其安装在具有XAMPP或类似功能的USB上吗?
jonboy

2
不只是复制您通常会在USB记忆棒上的网络服务器上上传的文件。然后,使用浏览器打开index.html页面(双击就足够了)。无需安装XAMPP或任何其他工具。
杰罗姆Verstrynge

1
您可以使用Hosts将localhost ip(127.0.0.1)映射到您选择的域,这样从本地服务器运行时,您将避免在地址栏中显示难看的数字。在本地(没有服务器)运行文件时,您可能会遇到内容被阻止(js,活动/ x,闪存等)的问题,因此请先对其进行测试,以随机弹出窗口进行操作似乎并不专业。
PTwr

6

如果网站仅是HTML和CSS,则不需要主机。只需将其放在要用于冗余WAMP环境的USB棒上,然后从插入的任何计算机上运行即可。

如果您担心丢失USB记忆棒,则适合使用Web主机备份。


1
这是要走的路。您甚至还可以在棍子上安装便携式服务器。但是,由于它纯粹是HTML和CSS,因此不需要这样做。
jay_t55 2014年

5

您只需在本地打开互联网页面,然后在浏览器中显示它即可。

如果您甚至想要显示其他域名,则可以使用XAMPP打开本地Web服务器。在此托管您的网站,并通过将以下行添加到系统上的hosts文件中,将域指向您的机器上的localhost:

127.0.0.1    www.presentation.mydomain.com

在这里,您可以找到主机文件在操作系统上的位置。


我喜欢这个解决方案!
jonboy 2014年

5

您可以使用Amazon S3托管静态内容。有关如何使用的指南,请参阅http://docs.aws.amazon.com/AmazonS3/latest/dev/WebsiteHosting.html

基本上,您注册一个AWS账户,将您的网站上传到S3,然后可以通过类似的网址进行访问<bucket-name>.s3-website-<AWS-region>.amazonaws.com。您还可以使用CNAME为存储桶创建自定义域,然后允许您通过进行访问presentation.mydomain.com

S3免费套餐,5GB和一年最多每月20000个请求将为您提供服务。来源:http//aws.amazon.com/free/

https://chadthompson.me/2013/05/static-web-hosting-with-amazon-s3/通过屏幕截图很好地介绍了该过程。

如果您不需要演示文稿可以通过互联网访问该域,那么根据Prinsig的回答,使用带有网站副本的USB驱动器是迄今为止最简单的方法。


4

如果您正在使用Git进行网站的版本控制...(不要判断...但是如果这是一个重要的项目,应该有点吧!)

您可以在Github的“项目页面”上托管整个网站。(又名Github Pages

git将您的站点代码送到那里非常简单 。基本上,您推送到一个名为的分支gh-pages,您的网站将自动发布,并在您推送时更新!

因此,如果您项目的Github回购页面为https://github.com/imausername/mysupersite, 则该项目的公共 Github页面将位于iamusername.github.io/mysupersite。


感谢这一点,我对git的了解很少,由于几天后才开始学习它,所以现在学习它可能有点晚了,我将重点放在这方面。不过,谢谢您的出色回答!
jonboy

1
还是轻浮的。甚至最少是Dropbox。但是,应该始终将重要项目置于某种版本控制之下。
韦恩·沃纳2014年

1
@johnny_s Git是很简单的,你以后“混帐”它;)如果你有15分钟,备用......给它在try.github.com一展身手
unknownprotocol

4

这么多过于复杂的答案。

该网站仅HTML和CSS(无数据库),当前位于我的共享托管帐户中。

您不需要Apache您不需要XAMP(或类似的产品)您不需要cloudflare,dropbox或任何其他第三方服务。(请问github?有演示吗?)

您只需要一个便携式存储设备。USB密钥,外部驱动器等。

您需要做的是确认您的演示文稿仅包含相对链接。这是您的操作方式:

  1. 将文件夹从共享主机帐户复制到计算机。
  2. 禁用网络。关闭wifi,拔下以太网电缆等。或者只是拿起笔记本电脑,然后走到没有wifi的地方,例如楼梯或停车场。
  3. 打开文件夹,双击第一个index.html文件,看它是否正确。

如果一切都很好,那您就走了。如果不是,请添加注释以获取更多说明。


无论如何,您都应该使用git进行版本控制,为什么不将其推送到Github?
daviewales 2014年

@daviewales我不同意这个答案。为什么要禁用网络?
威廉·爱德华兹

@WilliamDavidEdwards ^^这不是我的答案。我刚刚对此发表了评论。
daviewales

@daviewales对不起。无法再编辑评论。
威廉·爱德华兹

1

为了确保您的网站可用,您可以使用轮询DNS。您可以订购两个具有两个不同IP的主机程序包,并使用轮询DNS进行负载平衡。如果一个IP处于脱机状态,流量将被重定向到另一个IP。

另一种方法是使用CloudFlare。您可以使用CloudFlare +轮询DNS来提高可靠性。CloudFlare是一项免费服务(他们也已支付了费用),可为您的网站增加安全性和分析能力。您也可以使用其CDN。它将真正优化您的网站。但是最好的部分是,如果您的网站出现故障,它们可以显示缓存的版本。您所需要做的就是更改名称服务器。您可以在他们的网站上找到有关此信息的更多信息。

还有一件事:

现在,尽管我的共享托管(相对)可靠,但我注意到最近他们一直在进行一些更改,并且我的网站有时不可用。

如果您的主机不使用故障转移服务器或其他设备,则最好搜索其他主机-如果可能,您的网站应始终可用。


1

我认为您可以将它们写到记事本文档上,另存为foo.html或类似的东西,然后打开,它不会依赖互联网(坦白地说,我不确定如何将CSS放入我从未尝试过的地方)大量的html或任何CSS,因此您可以尝试不确定结果如何)。


1

最后但并非最不重要的一点,是您计划显示的所有网页的屏幕截图。嘿,对我有用。将它们放在Power Point或按名称/顺序组织。墨菲定律没有界限!

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.