本地Jekyll服务/实时站点差异-缺少“在Gihtub上查看”按钮

基础概念

Jekyll 是一个静态网站生成器，它将 Markdown 文件转换为 HTML 页面。本地 Jekyll 服务指的是在你的个人计算机上运行 Jekyll 服务，以便你可以预览和开发你的网站。实时站点通常指的是部署在远程服务器上的网站，用户可以通过互联网访问。

差异

本地 Jekyll 服务和实时站点的主要差异在于：

1. 运行环境：本地服务在个人计算机上运行，而实时站点在远程服务器上运行。
2. 访问方式：本地服务只能通过本地网络访问，而实时站点可以通过互联网访问。
3. 功能：实时站点通常会有更多的功能，比如版本控制、持续集成/持续部署（CI/CD）、用户管理等。

缺少“在GitHub上查看”按钮的原因

如果你在本地 Jekyll 服务中看到缺少“在GitHub上查看”按钮，可能有以下几个原因：

1. 未部署到GitHub Pages：GitHub Pages 是 GitHub 提供的静态网站托管服务。如果你没有将你的 Jekyll 网站部署到 GitHub Pages，那么就不会有“在GitHub上查看”按钮。
2. 配置错误：你的 Jekyll 网站可能没有正确配置 GitHub Pages。例如，你可能没有在 _config.yml 文件中设置 baseurl 或 url。
3. 权限问题：你的 GitHub 仓库可能没有启用 GitHub Pages 功能，或者你有权限问题。

解决方法

1. 部署到GitHub Pages：
   • 确保你有一个 GitHub 账户，并且有一个仓库。
   • 将你的 Jekyll 网站推送到这个仓库。
   • 在 GitHub 仓库的设置中，找到 GitHub Pages 部分，选择一个分支（通常是 main 或 master），并启用 GitHub Pages。

• 配置 _config.yml 文件：
• 配置 _config.yml 文件：
• 检查权限：
  • 确保你有权限启用 GitHub Pages 功能。
  • 确保你有权限推送代码到你的仓库。

示例代码

假设你的 Jekyll 网站已经准备好，以下是如何将你的网站部署到 GitHub Pages 的步骤：

1. 初始化 Git：
2. 初始化 Git：
3. 添加文件到 Git：
4. 添加文件到 Git：
5. 提交更改：
6. 提交更改：
7. 关联 GitHub 仓库：
8. 关联 GitHub 仓库：
9. 推送代码到 GitHub：
10. 推送代码到 GitHub：
11. 启用 GitHub Pages：
    • 进入你的 GitHub 仓库页面。
    • 点击 Settings。
    • 滚动到 GitHub Pages 部分。
    • 选择一个分支（通常是 main 或 master），并保存。

参考链接

• GitHub Pages 文档
• Jekyll 官方文档

通过以上步骤，你应该能够成功部署你的 Jekyll 网站到 GitHub Pages，并看到“在GitHub上查看”按钮。