如何建立免费网站?并将音频文件传输到网站

1年前 (2024-03-01)阅读4回复0
fayouxi
fayouxi
  • 管理员
  • 注册排名1
  • 经验值1173345
  • 级别管理员
  • 主题234669
  • 回复0
楼主

如何建立免费网站?并将音频文件传输到网站

很多人都想拥有自己的个人网站,但一般来说,网站建设需要域名和服务器,两者都相对昂贵。此外,在中国建立一个网站也需要记录域名和主机,这是非常麻烦的。另一个原因是服务器的维护并不容易。那么,有没有一个方便、便宜、优秀的解决方案可以快速掌握呢?: - )

GitHub托管建站就是这样一个不错的选择。简单来说,就像Github给每个用户一个小的虚拟空间和一个带Github的空间一样.io后缀二级域名,这样就可以建立网站了!此外,您还可以购买您最喜欢的域名。分析地址设置在github给您的空间域名上。访问您购买的域名也可以打开github上建立的网站,完美满足美观(假装强迫)的需要。

八卦少叙,现在就开始吧!

一、注册GitHub账户

这个过程非常简单,直接输入github.com ,按照提示操作,这里就不多说了。

二、准备好自己的电脑

编写HTML网页和创建其他需要的文件非常繁琐,不适合小白。因此,我们通常选择使用现有的网站框架来建立网站。一般来说,wordpress是最常用的,discuz,hexo等,今天我们将使用hexo框架,hexo的官方网站是hexo.io。选择hexo有几个原因:

  • 简单 可以通过几行代码完成。
  • 更好地支持中文 创始人是台湾人,所以这方面很明显。
  • 响应快速 与wordpress等一堆冗杂的文件不同,加载网页非常慢。

在下载hexo之前,我们应该准备两个~~小公举~~ 小工具:

Node.js

Git

node.javascript是javascript的一种运行环境。有了它,javascript也可以在没有浏览器的情况下运行。(我不太明白。让我们解释一下 逃)

Git是一个开源分布式版本控制系统,用于有效、高速地处理从小到大的项目版本管理。(官方解释 雾)

这两种工具都是使用hexo框架所必需的,他们的官方网站已经提到了。首先,有些电脑安装了这两个小工具,有些没有,我们可以在终端上输入以下命令,看看我们的电脑是否安装了:

我用的是Mac系统,Win下的操作不熟悉。Mac launchpad中的其他栏中可以找到OS终端。version 这两个代码的意思是查看git和nvm版本(注意空格)。nvm(node.js version manager)这意味着nodejs版本管理工具。

如果终端显示了版本号,恭喜你,你可以直接跳过下一步;如果提示命令没有命令错误,请先下载这两个小工具:

一般Mac OS都有自己的Git,如果你的Mac不幸没有,请点击此网站手动下载安装:

git-scm.com/download/mac

nvm的下载命令如下:

请在一行内完成)

输入并返回车辆后,将提示下载成功。然后请重启终端,输入以下命令:

下载后仍会提示成功。

到目前为止,基本配置已经完成。但是,当您关闭终端并再次打开时,可能无法正常使用,因此您需要这样做:

在终端键入

这意味着使用vi创建这样一个新文件并打开它进行编辑。

然后将以下代码复制到新创建的文件中:

注意不要输错,vi的基本操作也不会是百度。

最后退出vi,输入终端:

这样nvm和git就基本完成了!接下来是下载hexo框架的激动人心的时刻。

终端键入:

等一会儿下载完成!

然后在你喜欢的位置用你喜欢的名字创建一个文件夹,例如:

您将发现桌面上有一个名为hexo的文件夹,并继续在终端上输入:

你会发现hexo文件夹里有很多东西。然后继续在终端输入:

(注意:此时你的目录应该是hexo)

意思是生成静态网页 也可以简写为

这意味着hexo在服务器上运行 也可简写为

然后打开浏览器,输入网站栏 http://localhost:4000 这是见证奇迹的时刻!怎么样,你有成就感吗!如果是404页,不要担心。看看上述步骤是否有错误。

三、与GitHub有关

登录GitHub,点击Createeee a new repository,要创建一个新的仓库,请注意:名称格式必须是http://username.github.io,比如我的Github用户名叫goudan,那么我创建的repository名应该填写httpp://goudan.github.io。创建后,强烈建议设置一对ssh,以便您在本地编辑文件,并要求pull到Github时不要每次都输入帐户密码。 key,这一步虽然略显繁琐,但在GitHub帮助页面上有详细的指南,几分钟就能成功创建,链接如下:

https://help.github.com/articles/connecting-to-github-with-ssh/

然后请在hexo文件夹中搜索文件,然后用vi或其他编辑器打开,在deploy后面添加几行代码,如下图所示:

注:冒号后面有空格,上面的yourname被自己的GitHub用户名所取代。 保存并退出vi。

打开终端,输入:

等几分钟,时间有长有短;终端提示完成后,GitHub上的个人网站基本建成!

输入浏览器 youname.github.io.git (yourname是您自己的GitHub用户名),可以看到网站的默认视图。

四 关联现有域名

可以看到以下步骤,但不能看到

打开域名管理界面,将记录类型改为CNAME,将记录值改为http://youname.github.io,注意,两栏都要改。

然后是非常重要的一步:在 hexo/themes/landscape/source目录下新的CNAME文件,写入自己购买的域名,如httpp://baidu.com,保存。

最后一步是在终端运行:

清除缓存 生成静态网页 部署在GitHub上

等一会儿,在浏览器网站栏中输入自己的域名。

哈哈 似乎不止十分钟。的确,第一次可能会遇到各种各样的错误报告,过程非常曲折。然而,当你成功一次后回顾它时,你会发现它仍然相对简单。建立一个小网站只是开始。如何编辑文章、修改主题、改变风格等需要很多时间。然而,只要你爱它,你一点也不觉得累。: -)

0
回帖

如何建立免费网站?并将音频文件传输到网站 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息