当前位置: 首页 > news >正文

笔记:分享如何使用github静态页面搭建个人页面

一、目的:分享如何使用github静态页面搭建个人页面

        在 GitHub 上设置和访问 GitHub Pages 静态页面非常简单。以下是详细的步骤和说明: 


二、步骤和说明

1. 设置 GitHub Pages

1.1 创建仓库
  1. 登录 GitHub,点击右上角的 + 按钮,选择 New repository

  2. 输入仓库名称(如 WPF-Control-Docs)。

  3. 选择公开或私有。

  4. 点击 Create repository

1.2 上传静态文件
  1. 将你的静态网站文件(如 index.htmlstyles.cssscripts.js 等)推送到仓库中。

  2. 如果使用命令行,可以按照以下步骤操作:

1.3 配置 GitHub Pages
  1. 打开 GitHub 仓库,点击 Settings

  2. 在左侧菜单中找到 Pages

  3. 在 Source 部分,选择分支和文件夹:

    • Branch:选择 mainmaster 或 gh-pages

    • Folder:选择 / (root) 或 /docs

  4. 点击 Save

2. 访问 GitHub Pages

2.1 默认 URL
  • 用户或组织站点:https://hebiangu.github.io

  • 项目站点:https://hebiangu.github.io/WPF-Control-Docs/

2.2 自定义域名(可选)
  1. 在域名管理平台(如 GoDaddy、阿里云等)中,添加以下 DNS 记录:

    • 类型:CNAME

    • 名称www 或 @

    • <你的用户名>.github.io

  2. 在 GitHub 仓库的 Settings > Pages 页面,输入你的域名并保存。

3. 示例

假设你的 GitHub 用户名是 biangu,仓库名是 WPF-Control-Docs。

3.1 设置 GitHub Pages
  1. 将静态文件推送到 main 分支。

  2. 在 Settings > Pages 中,选择 main 分支和 / (root) 文件夹。

  3. 点击 Save

3.2 访问 GitHub Pages
  • 默认 URL:https://hebiangu.github.io/WPF-Control-Docs/

  • 如果绑定自定义域名 www.example.com,可以通过 https://www.example.com 访问。

4. 常见问题

4.1 页面无法访问
  • 检查仓库的 Settings > Pages 配置是否正确。

  • 确保静态文件已推送到正确的分支和文件夹。

4.2 自定义域名无法访问
  • 检查 DNS 配置是否正确。

  • 确保在 GitHub 仓库的 Settings > Pages 中输入了正确的域名。

4.3 HTTPS 问题
  • GitHub Pages 默认支持 HTTPS。

  • 如果使用自定义域名,确保在 Settings > Pages 中启用了 HTTPS。


5. 总结

  • 设置 GitHub Pages:在仓库的 Settings > Pages 中配置分支和文件夹。

  • 访问 GitHub Pages:通过默认 URL 或自定义域名访问。

  • 常见问题:检查配置、DNS 和 HTTPS 设置。

了解更多

适用于 .NET 8 的 WPF 的新增功能 - WPF .NET | Microsoft Learn

适用于 .NET 7 的 WPF 的新增功能 - WPF .NET | Microsoft Learn

System.Windows.Controls 命名空间 | Microsoft Learn

Reference Source

Sysinternals - Sysinternals | Microsoft Learn

Windows app development documentation - Windows apps | Microsoft Learn

欢迎使用 Expression Blend | Microsoft Learn

https://learn.microsoft.com/zh-cn/dotnet/desktop/wpf/?view=netdesktop-7.0&WT.mc_id=MVP_380318

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

相关文章:

  • 【2025】基于springboot+uniapp的企业培训打卡小程序设计与实现(源码、万字文档、图文修改、调试答疑)
  • 专访成都昭音科技Jackal:AI内容营销助力中企走向全球
  • 鸿蒙学习笔记(2)-国际化配置、ArkTS简述
  • 【Javaweb】b站黑马视频学习笔记(导览)
  • 多模态大模型Qwen 和 Qwen2 的模型结构、训练方式与数据处理对比分析
  • 安卓应用兼容新方案:Android Translation Layer(ATL)
  • 抽奖的诱惑系统注册与登录功能测试报告
  • 机器学习都有哪些算法?
  • 大模型技术在商品归一和商品预测中的应用
  • 5.5 位运算专题:LeetCode 面试题 17.19. 消失的两个数字
  • 重庆邮电大学笔试F021 考纲解析
  • 批量将PPT转换成多张图片
  • Qt6相对Qt5的主要提升(AI总结)
  • 军事级加密通信系统——基于QML的战术地图加密传输
  • Session模拟登录与退登
  • python安装教程
  • ETL:数据清洗、规范化和聚合的重要性
  • ATT 汇编常用指令
  • 微信小程序开发:页面结构与样式设计
  • JS深浅拷贝与性能优化
  • 习近平向第三十四届阿拉伯国家联盟首脑理事会会议致贺信
  • 雅安市纪委监委回应黄杨钿甜耳环事件:相关政府部门正在处理
  • 流失海外79年,两卷战国帛书回归祖国
  • 朝鲜称将在各领域采取反制措施,应对美国敌对挑衅
  • 高途一季度净利润同比增长1108%: “与吴彦祖一起学英语”短时间内就实现了盈利
  • 国寿资产获批参与第三批保险资金长期投资改革试点