美文网首页
基于 GitHub Pages 搭建博客

基于 GitHub Pages 搭建博客

作者: vcoolor | 来源:发表于2019-05-17 10:28 被阅读0次

介绍如何利用GitHub Pages来搭建个人的博客,美观且免费


之前一直用简书来记录自己的想法,不得不说简书的Markdown支持对于写作还是很友好的,但是作为一个爱折腾的人,还是想搭建一个自己的博客,于是也便有了本文,基于GitHub Pages搭建自己的博客,GitHub建站十分方便而且免费,同时网上有大量的主题供你选择,你也可以修改定制自己的网站页面。可以说GitHub建站是初学者的首选,免费简单且好用,话不多说,让我们开始吧。

1. GitHub

1.1 注册GitHub

首先自然是注册属于自己的GitHub账号,这个在此就不赘述了

1.2 新建Repository

  • 点击New respository新建一个Repository,此处注意在填Repository name时有特定的格式要求,为Owner_name.github.io,其中Owner_name保持和前面Owner一致就行了,见下图,例如我的Repository就是vpromise.github.io,其他的可以不用管了,点击Create repository完成

    New respository
  • 进入我们新建的Repository,点击上面的设置Settings,在设置页面下翻找到GitHub Pages,点击Choose a theme,选完后点击Commit changes退回到Repository页面,这时我们的Repository中就有两个文件了,同时,重点也来了,此时我们的博客就已经可以访问了,尝试访问https://your_name.github.io进入你自己的博客,是不是很惊喜,但这只是一个页面,如果你只想做一个页面展示自己的简历,这个页面就足够了,只需要修改index.md文件就好了

    Choose a theme
  • 自然这样还是不够的,接下来就是个性化自己的博客了

2. Jekyll Theme

2.1 选择Jekyll Theme

  • 博客当然要好看才能赏心悦目,这里有三个网站提供了大量的主题供你选择http://jekyllthemes.org/https://jekyllthemes.io/http://themes.jekyllrc.org/,找到你喜欢的主题,进入它的Home Page,一般都是跳转到了项目的Github页面,点击Clone or downlo复制项目地址,然后打开你想在本地存放你项目的文件夹,进入终端,git clone https://github.com/...将项目克隆到本地文件夹,当然你也可以直接下载ZIP再解压

    Clong or download
  • 紧接着就是将你自己的项目克隆到本地,克隆的方法一样,再将下载下来的主题文件全部复制到你自己项目的文件夹里,有同名的文件直接替换就好了,完了就是直接三连,git add --allgit 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 --allgit commit -m "add post"git push -u origin master,这时进入我们的博客页面,就能看到我们刚写的博客了
  • 当然我们也可一直接将文件上传到GitHub页面下的_posts文件夹下,或者直接在文件夹下新建自己的博客文件

3.3 其他

  • About 关于部分一般是about.md文件的内容,我们可以修改,加入自己的简介或者放上个人简历
  • Tags 我们博文内容的标签,这个tag在博客内容的配置文件中添加,后面可以方便我们去分类或查看
  • Categories 我们博文内容的分类,这个cate在博客内容的配置文件中添加,后面可以方便我们去分类查看

相关文章

网友评论

      本文标题:基于 GitHub Pages 搭建博客

      本文链接:https://www.haomeiwen.com/subject/selnaqtx.html