首页 > 其他分享 >配置github pages教程

配置github pages教程

时间:2023-06-17 12:12:29浏览次数:40  
标签:教程 GitHub hugo style github Action git pages

参考文档

github-style theme
github actions 教程

基础配置

mkdir myblog && cd myblog
hugo new site .

git init
git submodule add [email protected]:MeiK2333/github-style.git themes/github-style
vim .gitignore
git add .
git push -u origin master

更新主题

cd themes/github-style
git pull

编辑readme

hugo new readme.md
echo '`Hello World!`' > content/readme.md

新增帖子

Hugo will create a post with draft: true, change it to false in order for it to show in the website.
hugo new post/title_of_the_post.md

本地预览

hugo server 的选项:
-w 修改后本地服务器可以立即变化
-D 也显示 draft: true的帖子

hugo server -t github-style -D -w

部署到 Github Pages

手动部署

生成 hugo --theme=your_theme --baseUrl="your_server_or_domain" --buildDrafts
提交 public 目录到 <username>.github.io 仓库

使用 Github Actions 自动部署

  • 在 github 账户申请具备 repo 和 workflow 权限的密钥

  • 在博客原始代码仓库添加环境变量 PERSONAL_TOKEN
    image

  • 编辑 .github/workflow/deploy.yml 文件

    on 表示 GitHub Action 触发条件,我设置了 push、workflow_dispatch 和 schedule 三个条件:
    push,当这个项目仓库发生推送动作后,执行 GitHub Action
    workflow_dispatch,可以在 GitHub 项目仓库的 Action 工具栏进行手动调用
    schedule,定时执行 GitHub Action,主要是使用一些自动化统计 CI 来自动更新我博客的关于页面,如本周编码时间

    jobs 表示 GitHub Action 中的任务,我们设置了一个 build 任务,runs-on 表示 GitHub Action 运行环境,我们选择了 ubuntu-latest。
    我们的 build 任务包含了 Checkout、Setup Hugo、Build Web 和 Deploy Web 四个主要步骤,其中 run 是执行的命令,uses 是 GitHub Action 中的一个插件,我们使用了 peaceiris/actions-hugo@v2 和 peaceiris/actions-gh-pages@v3 这两个插件。其中 Checkout 步骤中 with 中配置 submodules 值为 true 可以同步博客源仓库的子模块,即我们的主题模块。
    另外,EXTERNAL_REPOSITORY 需要改为自己的 GitHub Pages 仓库

图床设置

图床设置教程

  • picgo-plugin-github-plus: picgo自带的github图床删除图片时不能同步到github,使用此插件可以在picgo相册中删除图片时自动把github图床内的图片也删除了。
  • picgo-plugin-rename-file: 此插件可以对上传的文件按指定格式重命名,比如按照md5值等。

标签:教程,GitHub,hugo,style,github,Action,git,pages
From: https://www.cnblogs.com/devin1024/p/17487303.html

相关文章

  • 使用油猴替换github下载地址
    举例:通过油猴下载https://www.cocoacontrols.com/的GitHub代码//==UserScript==//@namecocoacontrols.com下载代码//@namespacehttp://tampermonkey.net///@version0.1//@descriptiontrytotakeovertheworld!//@authorCoderWGB/......
  • Mac上将本地项目上传到Github
    请查看:https://www.jianshu.com/p/ee678badb842如果出现:fatal:remoteoriginalreadyexists就先删除已存在的:$gitremotermorigin再执行:$ gitremoteaddoriginyour_github_project_ssh_address......
  • ChatGLM-6B云服务器部署教程
    目录一、准备服务器1.购买服务器2.开机进入终端3.进入终端二、部署ChatGLM1.执行命令2.本地代理访问地址2.1结果如下2.2api接口一样操作三、Fastapi流式接口1.api_fast.py1.2将api_fast.py上传到服务器2.准备插件3.访问地址CSDN链接地址:https://blog.csdn.net/Yh_yh_new_Yh/ar......
  • 【Python入门教程】调取电脑摄像头并发送照片至邮箱
    ​        本博文纯属娱乐,仅供大家学习参考,不得以此侵犯他人隐私。本篇文章参考Python研究者的python窃取摄像头的图片。在这里先感谢大佬的付出,大家可以去关注一下。一、获取邮箱授权码        授权码用于调用邮箱实现邮件的发送,这里以QQ邮箱做演示,在设置的账......
  • C4D如何制作碰撞动效?用C4D制作碰撞动效的教程
    可以帮助你快速掌握C4D这个软件的应用;并且还有各种C4D设计案例,包含产品动画,海报制作,建模渲染,场景动效等视频教程,非常适合自学设计的小伙伴哦。用C4D制作碰撞动效的教程:1.打开【C4D】。2.创建立方体,在【对象属性】调整大小为【50cm*50*50cm】;点击【运动图形】、【克隆】,按【Alt】键......
  • 项目管理工具----普加项目管理中间件(PlusProject )入门教程(3):如何配置列(下)
    普加项目管理中间件是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。前面分别介绍标准列和自定义列,是本质来说每一列都是一个对象,标准列是预设好了各种属性的包装好的对象,方便直接使用,自定义列是按需处理的更加灵......
  • EViews下载(附序列号及教程)-EViews10.0破解版免费下载 软件大全
    EViews最新版是一款世界性的计量经济学软件,EViews最新版拥有创新的图形化的用户界面和强大的分析引擎,完美结合了现代软件技术和您需要的特征,EViews最新版可以快速和有效的管理您的数据。有需要的小伙伴快来下载使用吧。[下载地址]:后台私信我Eviews软件具有以下特点:1.强大的数据处......
  • Keil 5软件详细安装教程和安装包下载 软件大全
    Keil编程软件是一款为嵌入式系统设计开发开发而设计的软件。它包含了多种嵌入式设备的开发工具,如C编译器、调试器、仿真器等,并提供了多种模拟器和开发板支持。Keil编程软件被广泛应用于物联网、汽车、医疗等领域。[下载地址]:后台私信我II.功能特点A.支持多种处理器架构,如ARM、AVR......
  • 项目管理工具----普加项目管理中间件(PlusProject )入门教程(3):如何配置列(中)
    普加项目管理中间件是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。除了上文的标准列,开发者可以根据自己扩展的任务属性类型,来创建自己的列。比如://文本输入框编辑列varstringColumn={name:"name",......
  • python测试系列教程——python+Selenium+chrome自动化测试框架
    需要的环境浏览器(Firefox/Chrome/IE…)PythonSeleniumSeleniumIDE(如果用Firefox)FireBug、FirePath(如果用Firefox)chromedriver、IEDriverServer、phantomjs.exeIDE(Pycharm/Sublime/Eclipse…)1、浏览器建议用Firefox或Chrome,千万不要用最新版本,要用早两到三个版本的。2......