首页
学习
活动
专区
圈层
工具
发布

Github Pages 体验使用教程

Github与Github Pages 从微信小程序教程里面摘录的github pages 零基础入门 https://tencentcloudbase.github.io/handbook/webpage...Github还有很多有趣而实用的功能,等着你来探索学习~~ 在电脑上写的网页项目怎样才能让其他人用浏览器打开呢?但你又不想花钱买服务器、虚拟机、域名,那你可以使用Github Pages。...Github与Github Pages使用教程 下载Github桌面工具 打开Github桌面工具的下载页面,然后点击下载Github桌面端工具Download GitHub Desktop,并安装...如果你之前没有了解过Github或Github Pages,除了下载Github Desktop之外,还推荐下载Sourcetree,它和Github Desktop本质是相同的,大家可以自行百度这两个软件的使用教程...,对Git以及Github有所了解了之后,之后我们会有专门的课程要求大家会使用Git命令行。

96730
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【实操】基于 GitHub Pages + Hexo 搭建个人博客

    GitHub Pages 使用限制:2016 年 6 月 15 日后创建并使用 github.io 域的 GitHub Pages 站点通过 HTTPS 提供服务。...有关详细信息,请参阅“使用 HTTPS 保护 GitHub Pages 站点”。可以在将更改推送到特定分支时发布站点,也可以编写 GitHub Actions 工作流来发布站点。...对于在 GitHub Pages 上部署 Hexo,请查看 《官方文档》,它就是使用 GitHub Actions 部署至 GitHub Pages。...Pagesid: deploymentuses: actions/deploy-pages@v4使用 GitHub 客户端将上述仓库新增的文件推送到远端。...一步步实操下来,相信大家都能见到实际的效果。当然要想做好个人博客,可不止这么一点点,Huazie 这里也只是抛砖引玉,后续的深入使用,需要发挥各位的主观能动性了。

    66322

    使用GPG签名部署Github Pages

    本文也发布在我的博客上,最新修订内容可随时参考:使用GPG签名部署Github Pages 这周忙着迁移博客,偶然了解到GitHub存在提交伪造的风险,出于安全考虑给仓库添加了GPG签名。...但在使用Hugo部署时,遇到了关于GPG签名能否在部署流程中生效的问题,好在最终解决了。 如果你还不了解GPG,可先阅读GPG入门指南。...如何使用GPG签名部署并验证Github Pages 主流部署方式有两种: 直接将所有源文件推送到GitHub,通过官方Action完成构建部署。...为确保更高安全性,我选择了第二种方式,利用GitHub Pages的Workflow结合actions-gh-pages行动部署Hugo。...git_commit_gpgsign: true # 强制提交时使用GPG签名 fingerprint: ${{ secrets.FINGERPRINT }} # 所用子公钥的指纹

    12600

    怎样使用GitHub Pages搭建个人博客

    在GitHub Pages中写博客,通常就是使用Markdown。比如你正在阅读的这篇博客就是用 Markdown 编写的。...(原理上是 GitHub Pages 使用 Jekyll 将 Markdown 文件转换为HTML文件。Jekyll 还支持 Textile 文件,这里不做展开。) 阿里云。...库名即为访问域名,在本教程中,即为 hummerstudio.github.io 当你打开这个链接时,显示的可能不是上面的代码对应的内容。因为我不能拿这个当作真正的主页嘛!...GitHub Pages 官方强烈建议我们使用二级域名来做解析,而不要使用根域名(这里是shanyshanb.com),因此我这里设置将 www.shanyshanb.com 解析至 hummerstudio.github.io...不确定是当时网络问题还是GitHub禁用了这种方式,因此这种方式就不介绍了。) 五、选择主题 为了让博客更美观,可以选择一个自己喜欢的主题。

    1.5K20

    使用hexo搭建静态博客+Github Pages

    * 2.安装Node.js 访问官网 https://nodejs.org/zh-cn/download/ 下载安装包下一步即可 需要注意的是,在安装到Custom Setup这一步时,记得选Add to...github.com/jcjyxjs/name.github.io.git,仓库链接可在仓库页面页面复制到 修改博客根目录下的_config.yml 代码第100行。...repo和branch需要手动打上去 deploy: type: 'git' repo: https://github.com/jcjyxjs/name.github.io.git branch:...@github.com cd进入博客目录,输入hexo g,等待网页文件生成,然后输入hexo d进行部署,会提示输入你的github邮箱和密码,然后就自动部署了 第二种方法 安装Github Desktop...仓库绑定域名 在仓库页面点击Settings 往下拉可以看到Github Pages 把None改成你想要显示的分支,这项操作会自动刷新页面。

    77700

    使用hexo和github pages搭建个人博客

    使用hexo和github pages搭建个人博客 最近自己买了一个腾讯云主机,系统是CentOS7,于是准备自己搭建一个个人技术博客,采用的可选方案有PHP+MYSQL+WordPress的,可以参考搭建...WordPress 博客教程(超详细);也可以通过hexo结合Github pages搭建个人博客,具体可以参考博客园博主黄小斜的搭建自己的技术博客系列(一)使用 hexo 搭建一个精美的静态博客和搭建自己的技术博客系列...(二)把 Hexo 博客部署到 GitHub 上 根据黄小斜博主的方法,我在自己的github账户下创建了ccf19881030.github.io的仓库项目,然后使用相应的hexo命令部署运行,通过...搭建自己的技术博客系列(五)hexo博客接入busuanzi插件,展示访问量和网站运行时间 使用hexo和github pages搭建个人博客 使用hexo+github搭建免费个人博客详细教程 Hexo...+icarus主题配置 hexo+icarus主题博客详细搭建教程 B站视频教程-第六讲:Hexo使用更加漂亮的icarus主题

    1.1K30

    使用 Travis CI 自动更新 GitHub Pages

    就我写的 web-bookmarks 这个项目来说的话,每次更改完都要手动部署到 GitHub Pages。 从最开始的手动构建部署:手动敲构建命令,然后手动推到 GitHub。...二、开始使用 首先打开官方网站 travis-ci.org,然后使用 Github 账号登入 Travis CI,然后 Travis 中会列出你 Github 上面所有的仓库,以及你所属于的组织。...script: command1 && command2 四、部署时面临的问题 现在脚本是由 Travis CI 来执行的,部署的时候,怎么让 Travis 有权限往 Github 提交代码呢?...}" master:gh-pages 这里需要注意的是: 1、GitHub 生成的这个 Token ,只有生成的时候可以看到明文,后面就看不到明文了,所以你使用的时候最好一次操作成功。...git commit -m "[ci skip] commit message" 权限问题 如果遇到脚本权限不够的提示或者问题,你可以给你的脚本加上权限: chmod u+x deploy.sh 或者在

    1.1K20

    使用 Github Actions 自动部署 Angular 应用到 Github Pages

    前言 最近在学习 Angular,一些基础的语法也学习的差不多了,就在 github 上新建了一个代码仓库,准备用 ng-zorro 搭个后台应用的模板,方便自己以后写些小东西时可以直接使用。...前端项目,最主要的还是能够实际看到,因此考虑找个地方部署,因为自己的博客是部署到 github page 上的,并且这个项目也只是一个静态网站,所以这里同样选择使用 github page 同时,考虑到发布项目时...以后当我们需要更新网站时,再使用上面的命令即可发布到 github page 上 ?...actions/cache@v2 来缓存项目依赖,以加快构建的过程 这里在还原依赖时,使用到了 npm ci 而不是 npm install,从命令的名称就可以看出,ci 主要是在各种自动化环境构建时使用...仓库时,就会自动完成程序的发布部署 # This is a basic workflow to deploy angular app into github pages name: Deploy Github

    1.7K10

    使用 vitepress + github Pages搭建自己的博客网站

    ', //网站描述 base: '/', // 部署时的路径 默认 / 可以使用二级地址 /base/ // lang: 'en-US', //语言 // 网页头部配置,引入需要图标,css...pages 在 docs/.vitepress/config.js 中设置正确的base。...默认打包后的 dist 目录放在 .vitepress/dist/ 下,小编这里只是设置了 github pages(读者可自行百度查找),写了个脚本把打包完后的 dist 目录移到了根目录下,git...在需要展示的 demo 中的 index.md 文件中使用特定的语法包裹代码,可以自动生成组件 demo 展示# Button 按钮 :::demo 使用`type`,`plain`,`round`...也是刚开始写,还有很多东西要去探索,如果有些东西也会第一时间分享。有问题的朋友可以留言交流!

    3.7K50

    如何使用 gpg 签名验证 hugo 并部署 Github Pages

    如何使用 gpg 签名验证 hugo 并部署 Github Pages中英文搜索引擎上都没找到对应的解决方法,翻了一下午文档我完成了这个功能,具体效果请见https://github.com/timerring...,以及开启 github pages deploy 的过程,如有需要可以参考我博客的前几篇博文。...这周在忙着迁移自己的博客,恰巧知道了在 github 上会存在 commit 伪造的情况,因此安全起见,我添加了 gpg 签名,但是在部署 hugo 时仍然遇到了很多问题。...为了更加安全,我选择了第二种方式,将 hugo 部署在 github pages 上的 workflow 里,需要使用到 actions-gh-pages 这个 action,但是由于种种原因这个 action...,github 历史遗留问题,详情参见这里,但是你的私钥中并没有该 uuid,因此是无法通过 gpg 验证。

    22810

    HEXO系列教程 | 使用GitHub Actions部署Hexo GitHub Pages | 全流程详细介绍

    前言 夜梦敢说这篇文章和HEXO系列教程 | 使用GitHub部署静态博客HEXO | 小白向教程是全网最详细的Hexo部署教程之二了!如果遇到问题你可以通过邮箱联系夜梦,夜梦看到了就会回复的!...当然,再详细的文章也可能有错误,大家如果发现文章有问题的话请联系夜梦哦!...夜梦曾在HEXO系列教程 | 使用GitHub部署静态博客HEXO | 小白向教程中介绍了如何借助GitHub Pages来部署Hexo,但是这篇文章介绍的方法只能够将public文件夹中的内容上传到GitHub...:HEXO系列教程 | 使用GitHub部署静态博客HEXO | 小白向教程。因为流程一致,夜梦在这篇文章中不再赘述了。 接下来我们要做的就和夜梦前面写的这篇文章不一样了。...主题PART3 | 打赏、文章永久链接、站点页脚配置 发布文章: HEXO系列教程 | 发布文章 | 解决静态图片路径错误问题 | 小白向教程 使用自己的域名: HEXO系列教程 | 为HEXO绑定自己的域名

    60010
    领券