怎么建免费网站？并把音频文件传到网站？

热门回答：

不少人都希望拥有一个自己的个人网站。然而一般建站需要域名和服务器。两者都比较昂贵。另外。在国内建站还要对域名以及主机进行备案。十分繁琐。还有一个原因是一台服务器的维护并非易事。那么。有没有什么小白就能很快掌握的便捷便宜又优秀的方案呢？: - )

用GitHub托管建站就是这样一个不错的选择。简单来说。好比是GitHub给每个用户一个小小的虚拟空间。和一个带有github.io后缀的二级域名。这样就能搭建网站啦！另外。你也可以自己买一个喜欢的域名。解析地址设为github给你的空间域名上。访问你购买的域名同样能打开github上建立的网站。完美满足了美观（装逼）的需要。

闲话少叙。现在就开搞吧！

一、注册一个GitHub账号

过程十分简单。直接输入github.com 。按照提示进行操作即可。此处不多说。

二、在自己电脑上准备好

自己写好HTML网页以及创建好其他需要的文件十分繁琐。极其不适合小白。所以我们一般都会选择使用现有的网站框架来建站。一般比较常用的有wordpress。discuz。hexo等等。今天我们要使用hexo框架。hexo的官网网址为hexo.io。选用hexo有以下几个原因：

简单 几行代码就能搞定。

对中文支持较好 创建人是台湾人。所以这方面显而易见啦。

响应快速 不像wordpress等一堆冗杂的文件。加载网页很慢。

那下载hexo之前。我们要准备好两个~~小公举~~ 小工具：

Node.js

Git

node.js是一种javascript的运行环境。有了它。javascript脱离浏览器也能运行。（我也不太懂。姑且随便这么一解释 逃）

Git是一个开源的分布式版本控制系统。用以有效、高速的处理从很小到非常大的项目版本管理。（官方解释 雾）

这两样工具都是使用hexo框架所必需的。他们的官网有提到。那首先。有的电脑上是装了这两个小工具的。有的则没有。我们可以在终端键入以下的命令来查看自己的电脑上有没有装好：

我使用的是Mac系统。Win下的操作不太熟悉。Mac OS的终端在launchpad里的其他一栏内可以找到。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。点击Create a new repository。创建一个新的仓库。注意：名字格式必须为http://username.github.io。比如我的GitHub用户名叫goudan。那么我创建的repository名字就应该填写http://goudan.github.io。创建完毕后。为了你在本地编辑好文件要pull到GitHub上时不要每次都要输入账号密码。强烈建议设置一对ssh 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文件。写入你自己购买的域名。比如http://baidu.com。保存。

最后一步。在终端运行：

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

稍等片刻。在浏览器网址栏输入你自己的域名即可。

哈哈 好像不止十分钟。确实。第一遍时可能遭遇种种报错。过程很曲折。然而成功一次后回头梳理一下。就会发现其实还是比较简单的。搭建一个小网站只是开始。怎么编辑文章。修改主题。改变样式等等。还要花很多的时间。但是。只要热爱。就会一点也不觉得累。: -)

您还感兴趣的文章推荐

• 在北京月入14k，这种情况下要不要离职呢？
• 27岁：考研还是考公？该如何做出选择？
• 如何平衡自己的时间与陪伴孩子的时间？有哪些实用方法？
• 大专女生学前教育毕业一年多，有两家园工作经验想转行该咋办？
• 普通人怎样做才能挣到钱？有哪些途径和方法？

以上就是由互联网推广工程师 网创网 整理编辑的，如果觉得有帮助欢迎收藏转发~