不少人都希望拥有一个自己的个人网站 。然而一般建站需要域名和服务器 。两者都比较昂贵 。另外 。在国内建站还要对域名以及主机进行备案 。十分繁琐 。还有一个原因是一台服务器的维护并非易事 。那么 。有没有什么小白就能很快掌握的便捷便宜又优秀的方案呢?: - )
用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后面添加几行代码 。如下面所示:
推荐阅读
- 怎么和理科小哥哥表白?
- 「微信小程序商城」在企业微信上有什么优势?
- 怎么和我喜欢的男生不尬聊,他喜欢篮球,我一点都不懂。每次都不知道聊点啥?
- 微信小程序即将可以分享到朋友圈了?是不是真的?
- 中老年人的微信取什么网名最好?
- 怎么和“男神”聊微信不尴尬?
- 你见过最好听的老人名字是什么?
- 王哲林示范球场撩妹,投篮后掉落百元大钞引质疑,对此你怎么看?
- 朱元璋多大岁数当的皇帝啊,他活了多大岁数?