个人主页更新步骤的备份

less than 1 minute read

Published:

备份一下自己更新个人主页的步骤,防止自己忘记了。

第一步:创建隔离的开发分支

首先切换到我的个人目录

cd nosignalmxh.github.io

接着创造一个新的分支,防止影响到master/main分支

git checkout -b update-profile-and-post

这样之后所有的文件修改都将在此分支上进行。

第二步:本地预览与实时调试

现在已经可以打开vscode或者cursor进行内容的修改了,但是为了实时看到修改的效果,可以用这一步的方法进行本地的预览:

bundle exec jekyll serve -l -H localhost

如果看到以下的输出,就说明本地的服务器已经启动了:

Server address: http://localhost:4000/
Server running... press ctrl-c to stop.

现在就可以通过浏览器访问 http://localhost:4000 来查看网站的本地版本。本地的每一个步骤就会实时更新显示出来。如果要退出这个页面,只需要control+c就可以退出了。 此外,也可以随时使用 git status 命令来跟踪文件的修改状态。

第三步:暂存、提交与推送变更

在修改完成之后,需要将文件变更整合并推送至远程仓库。

  1. 添加文件至暂存区:使用 git add 命令将所有已修改和新建的文件添加到 Git 的暂存区。

    # 添加所有变更
    git add .
    
    # 或仅添加特定文件
    # git add _config.yml
    
  2. 提交变更:使用 git commit 将暂存区的内容提交到本地仓库。提交信息 (-m) 可以概括一下本次变更的内容。

    git commit -m "Update profile information and add new post"
    
  3. 推送至远程仓库:使用 git push 命令将本地分支的提交推送到 GitHub 远程仓库。

    git push origin update-profile-and-post
    

第四步:创建与合并拉取请求

变更被推送至远程仓库后,下一步是通过创建拉取请求 (Pull Request, PR) 来请求将功能分支合并到主分支。

  1. 在浏览器中打开 GitHub,系统会自动检测到新推送的分支,并显示一个 “Compare & pull request” 按钮。点击这个按钮。
  2. 进入 “Open a pull request” 页面,确认以下配置:
    • base branch: 目标分支,通常是 mastermain
    • compare branch: 源分支,即刚刚推送的 update-profile-and-post
    • 为该 PR 填写标题和必要的描述。
  3. 点击 “Create pull request” 按钮。

创建 PR 后,再检查一遍本次引入的所有代码差异。确认无误后,点击 “Merge pull request” 按钮,并再次确认,以完成合并。

第五步:部署后清理与同步

拉取请求被合并入主分支后,我们可以删除那个用来更新的分支。

  1. 删除远程分支:在 GitHub 的 PR 页面,合并成功后会出现 “Delete branch” 按钮,点击即可删除远程仓库中的功能分支。

  2. 同步并清理本地分支:返回本地终端,执行以下命令。

    # 1. 切换回主分支
    git checkout master
    
    # 2. 从远程仓库拉取最新版本,使本地主分支与远程同步
    git pull origin master
    
    # 3. 删除已完成任务的本地功能分支
    git branch -d update-profile-and-post
    

至此,整个更新与部署流程结束。这样一轮个人网站的更新就成功了。