快速搭建 Docsify与Github Pages 个人博客

63 阅读2分钟

一、参照Docsify官网的快速操作,进行初步的配置,深入的操作可以参考官网文档

docsify快速操作.png 二、在githup中创建一个新的存储库

githup新建仓库.png

三、在进行将基本配置的Docsify的blog的项目推送到githup上就可以了(详细推送操作参考我以往的 Git上传代码到GitHub文章

docsify推送githup.png

四、要将GitHub项目部署为在线阅读页面,您可以使用GitHub Pages,这是GitHub提供的免费托管服务,可用于发布静态网站。以下是部署GitHub Pages项目的一般步骤:

  • 转到仓库设置:在GitHub仓库页面中,点击顶部菜单中的“Settings”选项。

githup的settings.png

  • 滚动到GitHub Pages部分:在“Settings”页面中,向下滚动,找到“GitHub Pages”部分。

githip-pages.png

  • 选择分支:在“Source”(源)下,选择要用于构建GitHub Pages站点的分支。通常,您可以选择主分支(通常为“main”或“master”),但也可以选择其他分支。

  • 选择文件夹:在选择分支后,您可以选择要用于托管站点的文件夹。通常,将其保留为空,这将使GitHub自动识别项目根目录中的HTML文件。如果您的项目在子文件夹中,可以手动指定子文件夹。

  • 保存设置:选择分支和文件夹后,点击“Save”(保存)按钮以保存设置。

  • 等待构建:GitHub将开始构建和托管您的网站。构建可能需要一些时间,具体取决于项目的规模。

  • 查看网站:构建完成后,您将在“GitHub Pages”部分找到网站的链接。点击该链接即可访问您的在线阅读页面。

githup-pages设置成功blog.png

现在,您的GitHub项目已经部署为在线阅读页面,用户可以通过访问链接来浏览您的内容。

blog部署成功.png 请注意,GitHub Pages只支持静态网站,不支持服务器端代码,所以如果您的项目需要服务器端处理,您可能需要考虑其他托管选项。

另外,如果您的项目需要自定义域名,GitHub Pages也支持将自定义域名与您的站点关联,可以在仓库的设置中找到相关选项。