Blog 网页更新方法

前提

• 已经在github有一个仓库来管理blog文件。
• 仓库内有fork其他人的blog网站配置文件，或者自己上传了网站配置文件。
• 已经在github配置好Actions，可以自动生成page。
• 已经安装VS Code

这里有一些可供参考的文件：
Github官方中文文档合集：Github doc

另外，请参考本网站文章Github入门资料整理

在vscode中配置一个独立环境

下载vscode，在 ‘Extensions’ 中下载’Dev Containers’。下载完成之后每次会打开vscode会自动运行。 我已经下载好了。参考Chripy Getting Started. 之后在侧边栏的’Remote Explorer’中可以看到自己运行的环境。

将github仓库克隆到本地

steps

1. 复制github的HTTPS。
2. 在侧边栏的‘Remote Explorer’中，‘DEV VOLUMES’点击‘Clone Repository in container volume…’。
3. 输入复制的HTTPS。等待几秒钟。完成复制。
4. 按需求修改文件，追加文件等。
5. 合并 ‘pull’，参考下文。

在本地环境中观察静态网站效果

打开vscode的终端，确认目前的目录在该仓库的根目录。

在vscode的终端输入

$ bundle exec jekyll serve

等待几秒中，点击vscode提示的网站，或者在PORTS或 OUTPUT中查看网站。

将分支合并PULL并且推送到Github

• 点击左侧栏‘Source Control’
• 在‘Changes’中点击‘Stage All Changes’
• Commit前一定要写message，否则可能一直加载。
• 初次使用时，需要在该环境中设置自己的Git账户名。请用下面代码：

$ git config --global user.name "BC1ee"
$ git config --global user.email bc1ee@example.com

• 在CHANGES中点击三个小点···.
• 点击Push to...
• 点击对应的仓库名称。等待几秒即可。