普通视图

发现新文章,点击刷新页面。
昨天以前首页

如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用)

2025年1月24日 05:10

创建一个 GitHub Pages 站点是一个简单的过程,可以免费为你的个人、项目或组织创建网站/博客。按照此指南开始。

步骤 1:创建 GitHub 仓库

  • 登录你的 GitHub 账户。
  • 点击“新建”来创建仓库。
  • 对于个人站点,命名为 .github.io。
  • 对于项目站点,使用任何有效的名称。

步骤 2:添加你的站点文件

使用以下命令克隆仓库到本地机器:

git clone https://github.com/<username>/<repository-name>.git

创建一个 index.html 文件,包含你想要的内容。这里是一个例子:

<!DOCTYPE html>  
<title>我的 GitHub 页面</title>
<h1>欢迎访问我的站点</h1>
<p>这是我的第一个 GitHub Pages 站点。</p>

或者,你可以使用 README.md(Markdown)作为首页。

## 我的 Github 页面
### 欢迎访问我的站点
THis is my first Github Pages site.

将你的更改提交并推送到 GitHub:

git add .
git commit -m "Initial commit"
git push origin main
how-to-setup-github-pages-static-apps 如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用) Github 学习笔记 小技巧 程序设计 网站信息与统计 计算机 计算机

Github 上启用 Github Pages 的步骤

步骤 3:启用 GitHub Pages

  • 转到你的仓库设置。
  • 在侧边栏点击“Pages”。
  • 在“源”下选择分支(例如,main)和文件夹(如果适用)。
  • 点击“保存”。

步骤 4:查看你的站点

  • 对于个人站点:访问 https://<username>.github.io/。
  • 对于项目站点:访问 https://<username>.github.io/<repository-name>/。

步骤 5:自定义你的站点

要添加主题,请转到 Pages 设置并选择“选择一个主题”。

你还可以上传额外的 HTML、CSS 和 JavaScript 文件以进行进一步的自定义。

为什么 GitHub Pages 是“无服务器静态应用” / Serverless Apps

GitHub Pages 作为无服务器静态应用运行,因为它们直接向用户提供预构建的静态 HTML、CSS 和 JavaScript 文件,而不依赖后端服务器或运行时动态内容生成。相反,这些文件托管在 GitHub 的全球内容分发网络(CDN)上,确保快速有效的交付。

优点:

  • GitHub 提供的免费托管。
  • 不需要服务器维护。
  • 由于 CDN 分布,加载速度快。
  • 简化了静态站点的部署和扩展。

缺点:

  • 仅限于静态内容;不支持像数据库这样的服务器端功能。
  • 高级工作流的自定义需要技术知识。
  • 依赖于 GitHub 的基础设施。

GitHub Pages 的总结

GitHub Pages 是一个令人赞叹的免费托管网站的工具。只需几步,你就可以为你的项目、作品集或个人使用创建一个站点。通过利用无服务器模型,你可以构建轻量、高效且维护最小的站点。

英文:How to Setup and Create GitHub Pages (Serverless Static Apps)

本文一共 587 个汉字, 你数一下对不对.
如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用). (AMP 移动加速版本)

扫描二维码,分享本文到微信朋友圈
75a5a60b9cac61e5c8c71a96e17f2d9c 如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用) Github 学习笔记 小技巧 程序设计 网站信息与统计 计算机 计算机
The post 如何轻松创建并托管你的 GitHub Pages 站点 (无服务器静态应用) first appeared on 小赖子的英国生活和资讯.

相关文章:

  1. 英国房子的EPC节能报告(Energe/Efficiency Performance Certificate) EPC (Energe/Efficiency Performance Certificate) 是英国房子的节能报告, 法律上规定, 每个房子都必须要有一个EPC报告, 报告的有效期为十年. 房东在把房子出租或者想卖房的时候, 这个EPC就必须有效, 在一些情况下 比如出租房子的时候, 这个EPC报告还必须符合一些最低标准, 比如房子必须满足 F档(类似及格线)...
  2. 按揭贷款(房贷,车贷) 每月还贷计算器 去年给银行借了17万英镑 买了20万7500英镑的房子, 25年还清. 前2年是定率 Fix Rate 的合同 (年利率2.49%). 每个月大概是还 700多英镑. 有很多种还贷的计算方式, 定率/每月固定 是比较常用的. 简单来说就是 每个月交的钱是...
  3. 最好的发财策略就是忘记它 在群里我和 @nationalpark 说到我用STEEM换了3000多个 YOYOW的时候我还有点沾沾自喜, 谁知道他一针见血: 听说你是steem换的我顿时心理平衡了 才突然想起来, 我半个月前是拿 500 个 STEEM 换了 将近3300个YOYOW. 今天 STEEM的价格8美元,...
  4. 智能手机 HTC One M9 使用测评 虽然我对手机要求不高, 远远没有像追求VPS服务器一样, 但是怎么算来两年内换了四个手机, 先是三星 S4 用了一年多, 然后 Nokia Lumia 635 Windows Phone, 后来又是 BLU, 半年多前换了...
  5. 英国TESCO超市有偿回收瓶子 前不久, 英国剑桥 Bar Hill 的的 TESCO乐购超市推出了一个回收瓶子的机器, 这机器就在超市入入口出. 只需要把瓶子放进去, 机器自动识别, 然后每个瓶子10P也就是相当于1块人民币. 完成后会给个小票, 买东西可以拿来当折扣用. 如果嫌麻烦, 在回收完成还可以选择捐给慈善机构. 机器非常人性化,...
  6. 面试刷题更像是一种服从性测试 在许多求职者看来,面试中的刷题环节似乎是对技术能力的直接考察。然而,从另一个角度来看,这一过程或许更像是一场服从性测试。 想象一下,当一个公司要求候选人解决复杂的算法问题或设计一个系统架构时,真正的目的并不仅仅是判断候选人是否能完成这项任务。许多时候,公司更关心的是你是否愿意花时间和精力去迎合他们的流程和标准。 为什么这样说呢?从实际工作中来看,绝大多数岗位并不需要员工每天都在解决高难度的算法问题或从零设计分布式系统。相反,工作中的任务更偏向于理解业务逻辑、维护现有系统以及团队协作。那么,为什么刷题依然是很多公司青睐的筛选方式? 答案或许在于,刷题能有效筛选出那些愿意投入大量时间准备,并在面试中展现高度配合精神的候选人。这种配合精神,是公司希望在未来的工作中看到的品质。一旦你通过了这些测试,公司就会认为你是一个值得信赖的员工,一个能遵从流程、适应规则并在需要时投入额外努力的人。 还有就是以前说的:面试刷力扣是大公司过滤的成本较低的方法之一:为啥有名的IT公司的程序员面试都这么难?,可以过滤掉大部分 False Positive,当然也有可能过滤掉人才(胜任工作的求职者)。不过对于大厂来说,招进来一个False Positive的损害要远远比错过一个False Negative大。 此外,随着AI技术的飞速发展,刷题的技术价值正在逐渐降低。像ChatGPT这样的AI工具,已经可以轻松解决LeetCode或Codeforces上的许多高难度问题,并给出清晰的解题过程。这表明,算法题不再是人类独有的技术优势,而是可以被高效地自动化处理的任务。这种变化进一步凸显了刷题在实际工作中的局限性,因为日常工作更多依赖于沟通、业务理解和对系统的长期维护,而不是短时间内解决某个抽象问题。 OpenAI推出o3大语言AI模型。 Codeforces 评分:2727——相当于全球人类程序员编码竞赛中,排名第 175 位。...
  7. 英国 NatWest 银行推出 Reward Current Account 用来交水电费等帐单可以省钱 英国 NatWest 银行推出 Reward Current Account 银行帐号, 每个月需要交会费 3 英镑, 一年则需要36英镑 并不便宜, 但是好处是 只要通过该帐号以 Direct...
  8. 离开 NPower – 在英国选择便宜的电气公司 extraenergy 在彻底离开 谢菲尔得的那一天 和房东一起读了 电表, 公寓里只用电 没有媒气 所以做饭也用电 特别贵. 虽然在 13年底装了 两个电表. 白天一个 晚上 12点到早上7点另一个表, 所以两个计费....

程序员的神器: Github Copilot终于免费了(感谢微软爸爸)

2024年12月22日 22:03

微软这几年在AI领域的布局可谓精准。当年收购GitHub时,许多人还认为微软出价过高。然而,看看近年来推出的GitHub Copilot,以及对OpenAI的ChatGPT的投资,微软显然已经引领了这波AI浪潮。

懒人编程神器: Copilot

GitHub Copilot最初的订阅费用是每月10美元。虽然我平时工作时会用Copilot,因为作为微软员工可以免费使用,但如果要用于自己的side project,每月10美元的费用还是显得有些高。

或许是由于微软面临其他竞品的压力,最近微软终于将Copilot免费开放了。如果需要使用,可以通过这个链接安装Visual Studio Code的插件。

注意:免费的条件之一就是:开源、非盈利。

对于广大程序员来说,编程从来都不是一件轻松的事情。从思考代码逻辑到调试程序运行,每一步都需要花费大量的时间和精力。而如今,一款被誉为“程序员神器”的工具——GitHub Copilot,终于免费了!这项由微软和 OpenAI 联合开发的人工智能代码生成工具,已经从一开始的收费订阅模式,迈向了普惠程序员的新时代。

作为一名程序员,你是否曾苦恼于寻找灵感,或者为琐碎的代码撰写而感到疲惫?GitHub Copilot 就是为了解决这些问题而生的。它能够智能地分析你当前正在编写的代码,并实时为你提供相关建议,从简单的语句补全到复杂的函数实现,甚至是生成整段代码框架。这样一来,程序员不仅能显著提升开发效率,还能专注于解决核心问题,而不是被重复性工作拖累。

微软此次宣布让 GitHub Copilot 免费化,无疑是一个让整个开发者社区欢欣鼓舞的消息。作为背后的支持者,微软通过整合 OpenAI 的先进技术,将 Copilot 打造成了集代码补全、优化建议和智能代码解释于一体的强大工具。此前,尽管 Copilot 的付费订阅价格并不算高,但对于许多个人开发者和学生来说,仍然可能是一个负担。而现在,所有人都可以毫无门槛地体验这一切,得以更加自由地挥洒创意。

更令人兴奋的是,GitHub Copilot 的免费化并不意味着功能的妥协。微软表示,这一工具将持续更新,不断优化其算法和代码模型。未来,开发者可以期待更精准的代码建议、更少的误差,以及对更多编程语言的支持。这无疑为编程界带来了一个“生产力大爆炸”的新阶段。

当然,微软能够如此大方地放开 Copilot 的使用权限,背后离不开其一贯的战略眼光。近年来,微软不仅在云计算领域大放异彩,更通过 GitHub 和 OpenAI 在开发者生态系统中占据了重要位置。此次免费化,也进一步巩固了微软在全球开发者心中的地位。

作为程序员,我们要由衷地感谢“微软爸爸”。在现代科技快速发展的背景下,微软不仅提供了像 Visual Studio、Azure 等优秀的开发工具,还通过 GitHub Copilot 等创新型产品让编程变得更加轻松和有趣。

未来,GitHub Copilot 的免费化必将激发更多程序员的创造力,无论是初学者还是资深工程师,都能借助这一工具,更高效地解决技术难题。感谢微软为我们带来的这一场“代码革命”,让我们拭目以待,看看 Copilot 还会如何继续改变编程世界!

希望继续免费下去,AI产品也是越来越卷,能用免费的就绝对不用付费的,况且现在免费的产品也足够好用了。

use-github-copilot-for-free-scaled 程序员的神器: Github Copilot终于免费了(感谢微软爸爸) ChatGPT (OpenAI) I.T. 人工智能 (AI) 程序员 编程 资讯

免费用户可以每月2000次代码完成和50次和Copilot聊天,普通用户足够用了,不够可以升级到Pro,也就是10刀每个月,年付100刀。

github-copilot-vscode-extension 程序员的神器: Github Copilot终于免费了(感谢微软爸爸) ChatGPT (OpenAI) I.T. 人工智能 (AI) 程序员 编程 资讯

在Visual Studio Code里需要安装一个Microsoft Github Copilot插件

github-copilot-dashboard-anthropic-claude-3.5 程序员的神器: Github Copilot终于免费了(感谢微软爸爸) ChatGPT (OpenAI) I.T. 人工智能 (AI) 程序员 编程 资讯

在Github控制面板内可以使用免费的Copilot,甚至可以选Anthropic Claude 3.5 Sonnet模型

github-pro-plan 程序员的神器: Github Copilot终于免费了(感谢微软爸爸) ChatGPT (OpenAI) I.T. 人工智能 (AI) 程序员 编程 资讯

Github Copilot Pro每月10美元,年付100。

本文一共 1192 个汉字, 你数一下对不对.
程序员的神器: Github Copilot终于免费了(感谢微软爸爸). (AMP 移动加速版本)

扫描二维码,分享本文到微信朋友圈
75a5a60b9cac61e5c8c71a96e17f2d9c 程序员的神器: Github Copilot终于免费了(感谢微软爸爸) ChatGPT (OpenAI) I.T. 人工智能 (AI) 程序员 编程 资讯
The post 程序员的神器: Github Copilot终于免费了(感谢微软爸爸) first appeared on 小赖子的英国生活和资讯.

相关文章:

  1. 智能手机 HTC One M9 使用测评 虽然我对手机要求不高, 远远没有像追求VPS服务器一样, 但是怎么算来两年内换了四个手机, 先是三星 S4 用了一年多, 然后 Nokia Lumia 635 Windows Phone, 后来又是 BLU, 半年多前换了...
  2. 按揭贷款(房贷,车贷) 每月还贷计算器 去年给银行借了17万英镑 买了20万7500英镑的房子, 25年还清. 前2年是定率 Fix Rate 的合同 (年利率2.49%). 每个月大概是还 700多英镑. 有很多种还贷的计算方式, 定率/每月固定 是比较常用的. 简单来说就是 每个月交的钱是...
  3. 在英国给猫铲屎的体验(英国猫砂比较和自动铲屎机器) 自从养了猫 就正式成为铲屎官了. 当初孩子说要养猫还说要帮忙呢, 哎, 入坑了. 两只猫每天的猫砂就得清理, 要不然猫不愿意上怕它们随处拉. 最开始的时候家里楼上是地毯, 猫很喜欢随地大小便然后抓抓抓掩埋起来, 把地毯都弄坏了, 后来索性全换上了地板. 猫儿们喜欢掩埋排泄物起来这是天性, 因为据说猫星人在野外是捕食者, 需要把味道隐藏起来. 最开始,...
  4. USB充电速度影响因素 手机充电的速度有快有慢, 有几个因素. 1. 用的是直流电还是交流电, 如果是直接插电源(交流电), 那么会快一些, 相反, 如果是插电脑, 速度就会慢. 2. 还有就是USB线的质量也有很大关系, 拿 USB2.0 来说, 有四条线,...
  5. 最好的发财策略就是忘记它 在群里我和 @nationalpark 说到我用STEEM换了3000多个 YOYOW的时候我还有点沾沾自喜, 谁知道他一针见血: 听说你是steem换的我顿时心理平衡了 才突然想起来, 我半个月前是拿 500 个 STEEM 换了 将近3300个YOYOW. 今天 STEEM的价格8美元,...
  6. 如何将 Matlab 里的 *.mat 文件导入到 Python 里? Matlab 的数据(矩阵,数组等)都可以用 *.mat 文件来保存. 可以通过 scipy.io 库在 Python 里读写 *.mat 文件. 1 import scipy.io import...
  7. 苏格兰六天五晚自驾游攻略 2022年8月的时候 自驾游 北上苏格兰, 第一天出发到了谢菲休息了一下见了一下老朋友. 6天5晚, 1000多英理, 到最后面一两天特别想念家里的两只猫 Chessly 和 Pyro. 00:00 谢菲尔德 Sheffield 00:58 格拉斯哥...
  8. 科学上网 通过 CloudFlare Worker 搭建 Js Proxy代理 CloudFlare 的 Worker 就是 Serverless (无服务器, 所有程序跑在云端). 以前是付费的, 现在免费了. 免费帐号可以创建30个 Worker, 每个帐号每天可以有10万次免费请求. 超过了可以配置 Fail Open...

Github Action+Cloudflare R2:打造自动化图床教程

2024年10月11日 16:10

之前阿斌使用 GitHub Action将图片同步到了Backblaze、又拍云,这次又打通了 Cloudflare R2,只需将图片上传到Github,Github自动将图片同步到图床平台,一劳永逸。

Cloudflare R2免费套餐(详见:https://developers.cloudflare.com/r2/platform/pricing

永远免费 月度费用
存储 10 GB/月 0.015 美元/GB 存储
A 类操作:改变状态 100 万次/月 4.50 美元/百万次
B 类操作:读取现有状态 1000 万次/月 0.36 美元/百万次

Github Action+Backblze+Cloudflare R2:自动化版图床搭建
Github Action+Backblze+Cloudflare R2:自动化版图床搭建

步骤 1:安装 rclone

如果你还没有安装 rclone,可以按照下面的步骤安装它:

  • 在 Linux/macOS 上运行:
    curl https://rclone.org/install.sh | sudo bash
  • 在 Windows 上,可以从 rclone的官方页面 下载适合你的版本,并解压后将其添加到 PATH 中。

步骤 2:获取 Cloudflare R2 API 访问信息

你需要 Cloudflare R2 的访问密钥(Access Key)和密钥(Secret Key)。这些可以从 Cloudflare 的账户面板中获取:

  1. 登录到你的 Cloudflare 仪表板。
  2. 点击左侧菜单:R2 对象存储 - 概述,点击右侧:管理 R2 API 令牌,创建 API 令牌,权限:对象读和写,获得存储桶的 API 密钥信息。
  3. 记下 Access Key 和 Secret Key 以及 R2 Bucket 名称。

步骤 3:配置 rclone 和 R2 存储桶

使用 rclone config 命令来配置 Cloudflare R2 作为一个存储后端。

  1. 运行以下命令来启动配置向导:
    rclone config
  2. 按照以下提示来配置 R2:
    • 选择 n 来创建一个新的远程连接。
    • 输入一个名称,例如 cloudflare_r2
    • 选择 s3 作为存储类型,因为 Cloudflare R2 使用了与 Amazon S3 兼容的 API。
    • provider 中输入 Cloudflare.
    • 输入 Cloudflare R2 的 Access KeySecret Key
    • endpoint 输入 https://<account-id>.r2.cloudflarestorage.com,其中 <account-id> 是你的 Cloudflare 账户 ID(R2 对象存储 - 概述 - 右侧:帐户 ID)。
    • 其余选项可以保持默认,最后保存配置。

配置完成后,rclone 将能够访问 Cloudflare R2。

步骤 4:将图片从 Cloudflare R2 下载到本地

假设你已经配置好了远程名称(例如 cloudflare_r2),并且你的 R2 存储桶名称为 my-images,你可以使用以下命令将存储桶中的所有内容同步到本地目录:

# 仅列出 R2 存储桶的文件
rclone ls cloudflare_r2:my-images
# copy 推荐使用
rclone copy cloudflare_r2:my-images /path/to/local/folder
# sync 会删除通路径其他文件,不推荐使用
rclone sync cloudflare_r2:my-images /path/to/local/folder
# 检查同步状态(不做实际操作)
rclone sync --dry-run cloudflare_r2:my-images /path/to/local/folder
# 删除 R2 存储桶指定文件夹
rclone delete cloudflare_r2:my-images/wp-cdn-02/2021

参数解释:

  • cloudflare_r2:my-images 是你在 R2 上的存储桶。
  • /path/to/local/folder 是本地文件夹路径,你希望将图片下载到这里。

步骤 5:验证同步结果(可忽略)

同步完成后,你可以检查本地文件夹 /path/to/local/folder,确保 R2 上的图片已经下载到本地。

我这一步是为了将 Cloudflare 原来的图片文件下载到本地与本地的 Github 仓库的图片进行合并

步骤 6:获取 rclone Config 信息

  1. 通过命令 rclone config paths 可以查看这个 Config 保存在什么位置。

  2. 然后把这个 Config 文件的内容用 Base64 base64 -w 0 rclone.conf 编码一下待用(需要用到Linux终端,或使用Git Bash 也可以)

    rclone Config信息获取
    rclone Config信息获取

步骤 7:Github Action 设置

  1. 在 Github 仓库的 .github/workflows 添加 Cloudflare-r2.yml

    name: Sync B2 Bucket
    on: push
    
    jobs:
     deploy:
       runs-on: ubuntu-latest
       steps:
       - uses: actions/checkout@master
       - run: rm -rf /github/workspace/.git/ && rm -rf /github/workspace/.github
       - name: Setup Rclone
         uses: AnimMouse/setup-rclone@v1
         with:
           rclone_config: ${{ secrets.RCLONE_CONFIG }}
       - name: Rclone Sync Cloudflare
         run: |
             rclone copy ./ cloudflare_r2:${{ secrets.CF_R2_BUCKET }}/wp-cdn-02 --transfers=8 --checkers=16 --exclude=.git/** --exclude=.github/** --exclude=README.md
  2. 上面用到了 2 个变量:RCLONE_CONFIG(步骤6里的base64内容)和 CF_R2_BUCKET(c)

    # cloudflare_r2:修改为步骤3里的名称
    # wp-cdn-02:修改为存储桶里的子文件夹(可以删除,连带/一起删除)
    cloudflare_r2:${{ secrets.CF_R2_BUCKET }}/wp-cdn-02
  3. GitHub 新增 Action 变量: Settings - Action - New repository secret - Name:冒号前的内容,Secret:冒号后的内容 - Add secret,将上面的 2 个变量添加进去即可

    RCLONE_CONFIG: 步骤6里的base64内容
    CF_R2_BUCKET: Cloudflare 存储桶名称

    Github Action设置 secrets
    Github Action设置 secrets

步骤 8:验证

在本地用上传工具上传到GitHub,查看Action是否运行,运行成功后查看Cloudflare R2 是否有文件

  • 运行成功、有文件:代表配置没问题
  • 运行失败:查看报错并解决

参考链接

❌
❌