介绍如何利用GitHub Pages来搭建个人的博客,美观且免费
之前一直用简书来记录自己的想法,不得不说简书的Markdown支持对于写作还是很友好的,但是作为一个爱折腾的人,还是想搭建一个自己的博客,于是也便有了本文,基于GitHub Pages搭建自己的博客,GitHub建站十分方便而且免费,同时网上有大量的主题供你选择,你也可以修改定制自己的网站页面。可以说GitHub建站是初学者的首选,免费简单且好用,话不多说,让我们开始吧。
1. GitHub
1.1 注册GitHub
首先自然是注册属于自己的GitHub账号,这个在此就不赘述了
1.2 新建Repository
-
点击
New respositoryNew respository
新建一个Repository,此处注意在填Repository name
时有特定的格式要求,为Owner_name.github.io
,其中Owner_name
保持和前面Owner
一致就行了,见下图,例如我的Repository就是vpromise.github.io
,其他的可以不用管了,点击Create repository
完成
-
进入我们新建的Repository,点击上面的设置
Choose a themeSettings
,在设置页面下翻找到GitHub Pages
,点击Choose a theme
,选完后点击Commit changes
退回到Repository页面,这时我们的Repository中就有两个文件了,同时,重点也来了,此时我们的博客就已经可以访问了,尝试访问https://your_name.github.io
进入你自己的博客,是不是很惊喜,但这只是一个页面,如果你只想做一个页面展示自己的简历,这个页面就足够了,只需要修改index.md
文件就好了
-
自然这样还是不够的,接下来就是个性化自己的博客了
2. Jekyll Theme
2.1 选择Jekyll Theme
-
博客当然要好看才能赏心悦目,这里有三个网站提供了大量的主题供你选择http://jekyllthemes.org/、https://jekyllthemes.io/、http://themes.jekyllrc.org/,找到你喜欢的主题,进入它的
Clong or downloadHome Page
,一般都是跳转到了项目的Github页面,点击Clone or downlo
复制项目地址,然后打开你想在本地存放你项目的文件夹,进入终端,git clone https://github.com/...
将项目克隆到本地文件夹,当然你也可以直接下载ZIP再解压
-
紧接着就是将你自己的项目克隆到本地,克隆的方法一样,再将下载下来的主题文件全部复制到你自己项目的文件夹里,有同名的文件直接替换就好了,完了就是直接三连,
git add --all
、git commit -m "UPDATA"
、git push -u origin master
, 输入GitHub账号和密码等待完成就好了 -
进入我们的GitHub页面,就能看到我们的Repository下文件多了很多,这时候再进入我们的GitHub Pages页面就会看到主题应用成功了,至此,工作就算完成一半了
2.2 修改主题
-
接下来就是定制自己的主题了,一般模板的
README.md
文件都有写修改的提示,我们应当首先看一下了解一下,修改主题都是从_config.yml
入手,修改博客名、描述等,还有就是添加一些个人信息,此部分较为灵活,不同主题的_config.yml
内容也不尽相同,自己多改改看效果就好 -
还有一些页面的修改就稍显麻烦了,也都需要自己去摸索了,这里也无法展开讲,尽量就把每个文件都点开看看吧,一般能发现一些东西,我也是自己一个个看,慢慢试
my blog
3. Blog
3.1 posts
- 进入重点,开始写自己的博客,基于Markdown写博客是很方便的,至于Markdown语法可以看我的博客或者自行搜索,网上教程很多。
- 首先,我们需要在新建我们的博客
.md
文件,文件命名要求为YYYY-MM-DD-TITLE.md
,例如2019-05-16-test.md
- 选择自己顺手的Markdown编辑器,开始你的写作,我一般是用Typora或者VS Code,开始写作首先要在文件开头添加配置文件
一般不同主题的配置文件都不大相同,这个也需要自己去摸索修改,完成配置文件后就可以开心的写作了--- layout: post bg: 'photo01-77.jpg' title: "Post Heading" crawlertitle: "page title" summary: "post description" date: 2019-06-29 tags : "Ubuntu deep-learning markdown ..." slug: post-url categories: "tech life paper code knoeledge ..." author: "vpromise" ---
3.2 push
- 完成博客内容的写作后,将文件放入
_posts
文件夹中,紧接着就是三连,git add --all
、git commit -m "add post"
、git push -u origin master
,这时进入我们的博客页面,就能看到我们刚写的博客了 - 当然我们也可一直接将文件上传到GitHub页面下的
_posts
文件夹下,或者直接在文件夹下新建自己的博客文件
3.3 其他
-
About 关于部分一般是
about.md
文件的内容,我们可以修改,加入自己的简介或者放上个人简历 - Tags 我们博文内容的标签,这个tag在博客内容的配置文件中添加,后面可以方便我们去分类或查看
- Categories 我们博文内容的分类,这个cate在博客内容的配置文件中添加,后面可以方便我们去分类查看
网友评论