免费搭建个人博客

免费搭建Github Pages

  • 博客工具:Jekyll
  • 托管平台:Github Pages
  • 免费环境:Github Codespaces

样例演示

kejixiaobo

首页

搭建Pages

创建gh-pages分支

我们的目标是使用Github Pages功能搭建博客。Pages会自动编译gh-pages分支的内容,因此我们需要创建gh-pages分支。

方法:点击New branch,以main分支创建gh-pages分支。

创建gh-pages

编辑index.html

通过create new files,创建新的index.html,编辑修改,提交,触发Pages自动编译。

create new file button

编辑index.html

免费Codespaces

创建Codespaces

利用免费的Codespaces资源,在线编辑博客文件。

创建codespaces

编辑index.html,部署发布

编辑index.html,提交部署,验证我们的操作是否成功。

更换主题

选择主题

搜索jekyll-themes,选择beautiful-jekyll.

发布部署

将主题clone下来,之后将主题目录下的文件复制到我们创建的博客文件夹下面,部署测试是否成功。

修改主题,发布部署

修改_config.yml文件,自定义博客。

视频演示

完整的视频演示
Watch on YouTube