如何使用GitHub搭建自己的个人博客

2022-12-04 12:20:13 浏览数 (1)

大家都知道,阿粉有自己的博客,而且博客的地址,也是托管在Github上面的,而且很多的小伙伴们也想问怎么搭建这个,毕竟如果要是自己做个网站,弄个域名,再弄个服务器,这也是一笔不小的花费,但是使用GitHub来托管自己的的网站的话,这样的问题就不复存在了呀。虽然有时候这个GitHub确实访问起来是有点慢,但是不影响呀。

阿粉的博客

大家可以看到,这个页面也是非常的简洁的,而且是非常的清晰和明了,而且这些都是网上可以方便使用的模板,这个模板也是开源的,毕竟程序员嘛,开源最香,但是不得不说一句,人家收费的却也是最好看的,而且还可以帮你经常的更新一下,这时候就看你的取舍了。

如何搭建一套自己的博客

今天阿粉就教大家如何建立一个自己的博客页面,并且把它托管到 GitHub 上,这样就不用自己去再弄服务器了,直接把Github 当作一个中转了。

准备工作:

  • 注册一个Github账号
  • 再整一个域名,阿里云随便买,.cn 的 29一年,很划算。
  • 会一点简单的Jekyll语法

一般个人博客搭建有两种方式

一种是:GitHub Pages Hexo 的方式

另外一种是:GitHub Pages jekyll 的方式

阿粉在这里就直接选择的是第二种方式,使用的是GitHub Page 加 jekyll 的方式进行的博客搭建。

第一步:

注册一个自己的 Github 的账号

关于创建账号这个事情,就不用阿粉再多说了吧,这个相信大家都有,我们需要做的就是,在github上面,先fork一个我们喜欢的博客代码的风格,然后把他down下来,到我们的本地上。

我们先在 Github 上面创建一个我们的账号阿粉为了给兄弟们演示一下这个怎么搭建,阿粉直接换一个新号来安排一下。

第二步:

我们找一个好看的博客,然后fork 到自己的项目中,顺便改个名字。

已经成功的安排到我们自己的github里面了。

这时候,我们需要去先进行相对应的配置,

先进入Setting页面,找到我们的githubPages,选择好指定的项目,比如我们之前fork下来的master分支,

然后进行保存,这时候,得稍等一段时间,保存成功之后,并不是能够很忙就直接能够进行访问的,需要等待一段时间,这时候,你就相当于是把你的整个博客的目录发布到了GitHub上面托管,让GitHub给你提供域名服务,可以直接访问,就想阿粉发布的图。

直接访问这个地址,就能够精确的访问到你刚刚fork的博客了,是不是很简单。

一般的都需要做一些配置,就比如阿粉选择这个,原作者就把所有的配置都放在了这里,告诉你需要配置哪些内容才能够实现正常的观看,否则就像阿粉这个样子。

配置项,不同的模板之间都是不同的,这就需要你掌握一点点的jekyll语法了。

下面是使用的事项。

阿粉对于Jekyll并不是很精通,但是还是要说一下的,一般的配置就如下几项。

Jekyll语法

_config.yml

jekyll的全局配置在_config.yml文件中配置。比如网站的名字,网站的域名,网站的链接格式等等。

_includes

对于网站的头部,底部,侧栏等公共部分,为了维护方便,我们可能想提取出,来单独编写,然后使用的时候包含进去即可。这时我们可以把那些公共部分放在这个目录下,使用时只需要引入即可。

代码语言:javascript复制
{% include filename %}

_layouts

一般是指其中的布局。

_site

jekyll生成网站输出的地方,一般需要在.gitignore中屏蔽掉这个目录。

一般常用的一些语法格式是这样的。

循环

代码语言:javascript复制
{% for post in site.posts %}
 <a href="{{ post.url }}">{{ post.title }}</a>
{% endfor %}

自动生成摘要

代码语言:javascript复制
{% for post in site.posts %}
 {{ post.url }} {{ post.title }}
 {{ post.excerpt | remove: 'test' }}
{% endfor %}

如果感兴趣的,大家可以去官网学习一下Jekyll,让自己的博客变得更加美观!!!

0 人点赞