热门回答:
不少人都希望拥有一个自己的个人网站。然而一般建站需要域名和服务器。两者都比较昂贵。另外。在国内建站还要对域名以及主机进行备案。十分繁琐。还有一个原因是一台服务器的维护并非易事。那么。有没有什么小白就能很快掌握的便捷便宜又优秀的方案呢?: - )
用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上
稍等片刻。在浏览器网址栏输入你自己的域名即可。
哈哈 好像不止十分钟。确实。第一遍时可能遭遇种种报错。过程很曲折。然而成功一次后回头梳理一下。就会发现其实还是比较简单的。搭建一个小网站只是开始。怎么编辑文章。修改主题。改变样式等等。还要花很多的时间。但是。只要热爱。就会一点也不觉得累。: -)
您还感兴趣的文章推荐- 想开个店,开什么好呢?资金不多,刚刚创业。谢谢?
- 有什么行业适用于初创业?
- 刚入社会的人想开店,最好开一家什么店?
- 我是一个创业小白,想要开一家店铺,大家有什么好的推荐吗?
- 刚创业,投资新项目有什么选择?
以上就是由互联网推广工程师 网创网 整理编辑的,如果觉得有帮助欢迎收藏转发~
本文地址:https://www.wangchuang8.com/101048.html,转载请说明来源于:网创推广网
声明:本站部分文章来自网络,如无特殊说明或标注,均为本站原创发布。如若本站内容侵犯了原著者的合法权益,可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。
评论(2)
终端,自己的,域名,就能,文件,建站,网站,命令,版本,文件夹
没想到大家都对怎么建免费网站?并把音频文件传到网站?感兴趣,不过这这篇解答确实也是太好了
不少人都希望拥有一个自己的个人网站。然而一般建站需要域名和服务器。两者都比较昂贵。另外。在国内建站还要对域名以及主机进行