如何建立免费网站?并将音频文件传输到网站
很多人都想拥有自己的个人网站,但一般来说,网站建设需要域名和服务器,两者都相对昂贵。此外,在中国建立一个网站也需要记录域名和主机,这是非常麻烦的。另一个原因是服务器的维护并不容易。那么,有没有一个方便、便宜、优秀的解决方案可以快速掌握呢?: - )
用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上
等一会儿,在浏览器网站栏中输入自己的域名。
哈哈 似乎不止十分钟。的确,第一次可能会遇到各种各样的错误报告,过程非常曲折。然而,当你成功一次后回顾它时,你会发现它仍然相对简单。建立一个小网站只是开始。如何编辑文章、修改主题、改变风格等需要很多时间。然而,只要你爱它,你一点也不觉得累。: -)