利用GitHubPages五分钟零基础免费搭建一个专属个人博客

前言

相信很多朋友都想拥有一个个人博客,可以免受各大网络社交平台**的审核机制,畅所欲言的说自己想说的话,写自己想写的文章。可是独自建立一个个人网站,花费也不少,并且还需要掌握许多建站知识,让不少朋友望而却步,不过没关系,你只需要五分钟,你没有听错,只要五分钟,搭建一个个人博客不是梦!还在等什么,跟着我的教程一起动手吧!!!

前期准备工作

了解GitHub

说了那么多,首先得了解一下什么是GithubGitHub是一个共享虚拟主机服务,用于存放使用Git版本控制的软件代码和内容项目(引自维基百科)。简单来说Github就是开发者的百度云(有人说是Facebook或者Gayhub),用来存储或者共享自己写的代码,非常便利,是近年来很火爆的一个网站服务。

为什么选择github?

Github有一个很有爱的项目,叫做Github Pages,这个项目是给开发者建立一个私人页面,上面用来分享新颖的想法和自己写的代码,而且最主要的是,这个是免费而且没有空间流量限制的。所以许多开发者便利用GitHub Pages搭建个人博客。

注册GitHub账号

打开 GitHub ,注册一个账号,这个就不细说了,很简单。

注册GitHub账号

拿到了这个账号你就可以做两件事啦
1.建立咱们的博客
2.托管自己写的代码

正式开始

创建仓库

点击Start a project开始一个项目,创建一个新仓库。

开始一个项目

这个新仓库就将是存放你即将拥有的博客的地方

注意,你的仓库名不能随便取,这样会导致github混乱,取名的格式应该为用户名.github.io

后面的操作照配图做就可以了

配置仓库

进入仓库设置

建完仓库然后点击setting,进入如下设置界面

配置仓库

在这里生成你的Github pages,按如下图操作。

4.jpg

生成你的博客页面,选择Choose a theme可以选择一个博客主题(模板)。

预览页面

在继续教程前,你可以先预览一下你的页面,但实际你最后做出的效果会和这个比起来好几百倍,但你可以先确认一下能不能显示出页面来。

下载安装github

下载属于你的系统的Github,并安装,然后打开

Windows版本

Mac版本

下载github

克隆你的仓库

点击最右边那个Clone a repository克隆你刚才创建的那个仓库,把它克隆到本地,并选择存放克隆文件位置,一般默认OK了。

克隆仓库

选择主题框架

此时你就可以选择你的主题框架了,点击这里选择你喜欢的模板 如果你有兴趣,可以自己改主题,但是一般如果前端开发基础不好,还是建议直接用模板,不要乱改了,因为,搭建博客的主题是写文章,外貌倒不是很重要,你看一般大佬的博客都非常简洁(〃'▽'〃)。

选择一个主题模板

我在这推荐一款,这个主题比较好扩展,而且也非常简洁美观实用 你也可以自己选择喜欢的。

下载主题

使用主题

接下来把我们刚才下载的主题解压,打开存放你克隆下来仓库的文件夹,除了隐藏文件夹.git以外的全删了,然后把模板里的东西全部拖到你的原博客仓库里。

配置博客

我先简单介绍一下这个仓库里的内容,你根据自身需要用文本编辑器来修改内容

配置博客

  • index.html:这是你博客的主页面,里面的内容就是你的主页了
  • _config.yml:这是你博客的基本配置文件,里面有你博客的名字,以及存放博主的一些基本信息
  • _layouts:这文件夹里面存放你每个页面的设计,一般有default.html(默认页面)和posts.html(博文页面)
  • _includes:这个文件夹里的的内容将会通用到你博客每个页面,起到一种便利的作用
  • _posts:这里面装的就是你的博文啦,记住,要用markdown语法写,要不上传会失败的。

同步到GitHub

左下角那里随便写,比如你这次更新了啥东西,随便填就行,然后点击右上角同步

同步到GitHub

大功告成

终于大功告成了,然后你在浏览器访问刚才那个地址用户名.github.io,见证奇迹的时刻到了,惊不惊喜?意不意外?你的个人博客诞生了!!!以后你就可以在这随意BB也没人管得了你了,开不开心?也许你还会发现,这一套弄下来哪止五分钟,哈哈哈,不这样说怎么忽悠你们动手跟着我做呢??

写在最后

到这里教程就基本结束了,还有一点要说一下,就是GitHub写文章要用Markdown语法写,至于Markdown,我另有一篇文章简单介绍了一下语法,有兴趣可以看看。

这个教程很简单,如果实际操作出了什么问题欢迎在下面留言,我会及时回复。


版权声明:本文为原创文章,版权归 Geekerstar 所有。

本文链接:http://www.geekerstar.com/technology/225.html

除了有特殊标注文章外欢迎转载,但请务必标明出处,格式如上,谢谢合作。

Last modification:March 1st, 2018 at 09:20 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment