方式一:结合 Github 自动部署 自动部署将会在每次更新仓库内文件时,自动提交更新到静态网站托管中,实现博客的自动更新。 1.提交本地文件至 GitHub 仓库中,具体操作步骤请参见添加现有项目到 GitHub。 2.本地文件同步到 GitHub 仓库中后,需要配置自动化部署流程,具体步骤请参见GitHub Action 文档,通过使用 Action 自...
在Build and deployment->Source中选择GitHub Actions: 点击browse all workflows: 然后搜索hugo,找到hugo之后点击configure按钮: 它会自动在lishuagnquan1987.github.io/.github/workflows目录下新建一个hugo.yml文件 这时候,我们不需要修改任何东西,直接点击右侧的Commit changes按钮提交修改即可: 此时,可以看到github正在...
首先创建仓库,命名为http://username.github.io,username是自己的 GitHub 的用户名,同时勾选Public和Add a README file 然后利用Hugo帮我们生成的/page/public 来部署网页 记得要把工作目录下的 hugo.toml 文件中开头位置的 baseURL 设置为https://username.github.io(如果有自己的域名,改为自己的域名即可) cd ...
从零建立博客:Fork仓库到自己账号下,用Github 注册 Vercel,依次点击Overview → New Project → import刚刚Fork的仓库,设置FRAMEWORK PRESET为Hugo → 点击Environment Variables,设置NAME为HUGO_VERSION,Value为Hugo版本号(如0.89.0)→ 点击Add → 点击Deploy,稍等十来秒即可部署完成。下载仓库到本地后使用Github Deskt...
要配置GitHub Action,首先需要在博客源文件的仓库中创建一个.github/workflows目录,并在该目录下创建一个.yml配置文件。我们将其命名为deploy.yml。 以下是一个自动化部署Hugo博客的示例deploy.yml配置文件: name:deployon:push:branches:-main # 或者是你的源代码分支jobs:deploy:runs-on:ubuntu-lateststeps:-name...
三、部署到github上 1.在github上新建仓库 仓库已经建立OK! 2.从本地推上去 D:\Blog\myblog>hugo--theme=m10c--baseURL="http://(用户名).github.io/"--buildDrafts 此时在myblog文件夹中会生成一个pubilc文件夹,把public文件夹传上来。 D:\Blog\myblog>cdpublicD:\Blog\myblog\public>gitinitD:\Blo...
方式一:结合 Github 自动部署 自动部署将会在每次更新仓库内文件时,自动提交更新到静态网站托管中,实现博客的自动更新。 1.提交本地文件至 GitHub 仓库中,具体操作步骤请参见添加现有项目到 GitHub。 2.本地文件同步到 GitHub 仓库中后,需要配置自动化部署流程,具体步骤请参见GitHub Action 文档,通过使用 Action 自...
如何部署 这里我使用的是Github Pages作为演示。你也可以通过访问https://pudongping.github.io/hugo-blog来访问我的教程示例。 直接在项目根目录下执行: # 不需要添加任何参数 hugo 我们即可看到项目根目录下会生成一个public目录,我们只需要将public目录下的所有文件推送到Github仓库中即可。这就涉及到Github Pages相...
guohanlin@guohanlindeMacBook-Pro RmondJone.github.io % hugo version hugo v0.89.4+extended darwin/amd64 BuildDate=unknown 2、GitHub创建io仓库并使用Hugo Action 创建IO仓库 必须按照以下格式创建:<userName>.github.io,userName就是你的GitHub名称
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c 然后在打开名为 hugo 的 toml源文件,添加主题配置即可。网站标题修改为myblog,然后再把theme = “m10c”这行代码加进去保存即可。现在,我们在myblog目录下的主题文件夹中就能看到刚才添加的主题文件目录了:4. 本地访问测试 现在,我们...