• Home
  • About
    • 西山小馆 photo

      西山小馆

    • Learn More
    • Email
    • Github
  • Posts
    • All Posts
    • All Tags
  • Projects

「GitHub Pages」 搭建属于你的个人博客

19 Feb 2021

Reading time ~1 minute

使用Github Pages搭建个人博客，一劳永逸，可以让我们更加专注于博客的撰写

前言

本教程使用GitHub Pages + Jekyll 进行搭建

另还有GitHub Pages + Hexo 的方式搭建个人博客，小伙伴们可以另行搜索

image-20210219194423456

搭建博客

注册GitHub账号

要使用 GitHub Pages，首先需注册一个GitHub账号，GitHub 是全球最大的同性交友网站(手动狗头)，你值得拥有。

image-20210219194501599

搭建博客

新建仓库

image-20210219180138583

仓库命名

image-20210219180938833

  • 以 username.github.io 作为仓库名字（需严格遵守），比如我的username为seasontong，那么我的仓库名为seasongtong.github.io
  • 仓库设置为public（公开）
  • 勾选 Add a README file选项
  • 完成以上三步便可创建仓库

选择主题

  • 创建仓库完成后，进入Settings

    image-20210219181659386

  • 进入后一直向下滑动，找到Choose a theme以选择主题

    image-20210219182000503

  • 选择好喜欢的主题后，记得Select theme保存主题

    image-20210219183302500

  • 到这里你便可以通过username.github.io来查看你的网站了

    image-20210219183419755

远程部署

下载GitHub 桌面版

为什么使用桌面版呢，因为简单，适合小白，没那么多命令行(官网可能下载较慢，文末附软件下载链接)

Desktop登录

  • 账号登录后点击File ->Clone repository

image-20210219184305949

  • 将仓库 clone 到本地，记住仓库存放到本地的位置

    image-20210219184437097

  • 前往仓库本地文件夹，除了.git文件夹，其他全部删除

    image-20210219184705430

  • 寻找喜欢的博客模版，推荐一个Jekyll博客主题网站，将模板下载解压之后，将文件全部复制到仓库本地文件夹中

    image-20210219185043324

  • 接下来打开GitHub桌面版，会发现出现许多Changes，在Summary随意输入一些内容，点击Commit to main进行push

    image-20210219185506385

  • 接下来点击 如图所示区域 便可进行远程部署(可能会有某些网络问题导致上传失败，多尝试几次即可)

    image-20210219185810518

  • 回到GitHub主页上，也会发现该仓库更新了许多文件

    image-20210219190132732

博客优化

网站优化

在仓库本地文件夹中找到_config.yml文件，根据自己需求进行修改

image-20210219190611867

内容输出

发表博客时，需将文章保存在_post文件夹中，文章格式为.md文件，关于在撰写文章时的语法规则，可参考我之前的博客Markdown基础语法入门

image-20210219191010934

后言

到这里就结束了，没有涉及到命令行等其他复杂的知识，以下是搭建过程中需要的软件与网站,希望通过我的分享，大家都可以搭建好属于自己的网站

  • GitHub桌面版
  • Jekyll主题网站
  • Markdown基础语法入门

Share Tweet +1