github的基本操作(2)---如何在github中制作个人主页or网站

最新推荐文章于 2025-06-02 11:21:56 发布
最新推荐文章于 2025-06-02 11:21:56 发布
阅读量1.4k 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： linux生存手册 文章标签： github pages
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/github_39172337/article/details/81901483
本文介绍了如何在GitHub上制作个人主页或博客，包括创建新repository、上传内容和设置GitHub Pages，通过选择主题来个性化你的页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

github的基本操作—如何在github中制作个人主页or网站

上篇讲到在github 上同步项目的操作.
这次讲讲如何设置个人主页/博客

博客和个人主页属于github pages的功能;有兴趣的同学可以看看参考文献.

Step1 创建一个新的repository

新建repository

为了方便起见, 起名为为Test, 所需填写的内容如下如所示:
创建醒目所需填写的内容

Step 2 按照上一篇的操作上传个人博客or个人主页

假设已经上传
这里写图片描述

* 把项目上传以后, 依旧是无法访问*

项目能否浏览, 下一步的设置至关重要

Step3 设置repository,改成github Pages

点击repository的setting

最低0.47元/天 解锁文章

200万优质内容无限畅学
制作github.io学术个人主页
lingxw的博客
04-24 1万+
学术个人主页是一个学者展示个人学术成果和研究方向的重要工具。个人主页可以集中展示学者的研究论文、出版物、演讲和发布的项目等学术成果，这样其他人可以更方便地了解和评估学者的研究贡献。个人主页可以详细说明学者的研究方向和兴趣，包括当前和未来的研究计划。这样，其他研究者可以更容易地找到与自己相关的合作伙伴，并了解其研究领域的最新动态。
Github 2024-07-07 开源项目日报 Top10
老孙正经胡说
07-07 1862
根据Github Trendings的统计，今日(2024-07-07统计)共有10个项目上榜。
利用GitHub搭建个人网站
热门推荐
Gane_Cheng的博客
08-14 1万+
最近在找实习，需要写一份含有丰富内容的简历，但是简历最多只能写两页纸。再多的话就会让面试官烦了，找不到重点。如果还想向面试官展示更多的个人能力，经验，经历，在简历上放上自己的个人网站链接无疑是一种比较好的方式。面试官想了解更多的话，打开链接就知道你的知识的深度和广度了，能为面试加分不少。想搭建一个个人网站，首先需要有一个域名，别人能够访问，其次还要有一个空间来存放你的页面。 域名 域名可以在万网，
制作个人Github学术主页
最新发布
bynacqt的博客
06-02 789
本文讲解了如何快速制作个人学术主页，主要利用Github个人主页模板为基础，然后填入自己的个人信息。
GitHub教程-自定义个人页制作
踏雨歌青春，诗酒趁年华
12-29 2352
本教程旨在向GitHub用户展示如何制作个性化主页，同时，介绍了GitHub Actions的应用，可以自动化更新主页内容。通过本教程，GitHub用户将学会如何打造独具个性的GitHub个人主页，吸引更多关注和合作机会。
Github搭建个人主页
caechen的博客
04-16 1153
在github上搭建自己的个人主页
github-clone:Github个人资料页面克隆
05-24
这个仓库包含用React js制作的Github Clone 安装 克隆此仓库： git clone https://github.com/niemet0502/github-clone.git 将目录更改为项目 cd github-clone 安装依赖项 npm install or yarn install 发射...
Github 2024-07-26开源项目日报 Top10
老孙正经胡说
07-26 633
根据Github Trendings的统计，今日(2024-07-26统计)共有10个项目上榜。
dev-profiles:使用GitHub API搜索开发者资料
05-04
使用GitHub API搜索开发者资料。...React Flip Move-使用FLIP技术在DOM更改之间轻松制作动画。 样式化的组件-使用ES6和CSS的最佳功能来样式化您的应用程序，而不会产生压力。 Vercel平台-来自Next.js的创建者。
如何打造一个花里胡哨的Github个人主页？
人生不易，请勿焦虑。
03-20 1808
今天介绍下GitHub的一项特色功能 -，以及一些列开源工具、项目来帮助打造自己特色的。也是最近两年GitHub才新加的功能，开发者可以通过编写README打造属于自己的个人GitHub首页。先贴一张我自己的GitHub profile表示个人主页，但是Github近两年悄悄上线了profile仓库的功能，也就是说可以自由管理你profile的README一句话总结：你可以通过README.md来自定义你Github首页。
Github自定义个人首页_github主页搭建
2401_86984371的博客
09-07 680
现在整个流程大致算是结束了，GitHub 会在每天的零点（UTC 时区，和北京时间 (UTC+8)差了八个小时）执行我们的 Actions，并生成新的贪吃蛇动画图片，如果你熟悉 Github Actions 的流程的话，你可以修改 yml 文件来设置更新频率、文件位置、文件名称、commit 信息等等。：由于 GitHub Actions 的限制，如果设置为 * * * * * ，实际的执行频率为每 5 分执行一次。这个很容易实现，只需要一个统计资源请求的后台服务即可，有很多第三方的服务可以使用,例如。
GitHub美化主页设计（保姆教程 && Markdown表情）
qq_44231797的博客
02-28 1万+
炫酷GitHub个性页面
完成GitHub个人主页设计，只需要这三步
weixin_41888295的博客
07-13 2174
以下文章来源于技术传播那些事儿 ，作者Lilian Lee 如果你用过或经常使用 GitHub，可能已经发现有些人的 GitHub 主页长得有点儿不一样。 默认情况下，GitHub 个人主页默认从上到下依次展示 repositories、contributions、contribution activity。而有些人的主页在最上方展示的是自定义的内容，例如个人简介、贡献统计、常用编程语言等。 我也对自己的 GitHub 个人主页进行了一些自定义的内容设计，本文分享一下具体步骤，操作起来很简单。 如果你也想
github 搭建个人网站
wwwshengbo的博客
01-21 268
1 首先 new 一个项目 名称是固定格式( 用户名.github.io) 2网站描述-->public-->initialize--->create repository 3 点击项目名 进入项目主页-->create new file 创建一个 index.html文件 注意 github page 只支持 静态网页，仓库中文件 .html文件 4 在浏览器...
github个人主页
liu不是liu的博客
05-11 4721
github个人主页设置
github个人网站搭建
Rachel00000的博客
01-05 246
一、注册github账号（省略） 二、博客搭建 1、nodeJS下载安装 下载地址：https://nodejs.org/en/download/ 下载完成后全部下一步、下一步安装就可以了。 安装完成后Win+R，输入cmd，在控制面板符中输入node -v，出现版本号，说明安装成功。 新版本自动配置环境变量，如果输入node找不到，则可能是环境变量没有配置，需要手动配置一下。 2、在git Bash中安装hexo。 先创建一个文件夹用来存放所有blog的东西，然后在文件夹中右击git Bas
利用GitHub创建个人网站
喜东东的博客
08-13 316
参考链接 英文版：http://jmcglone.com/guides/github-pages/ 中文版：在GitHub上创建和托管个人网站(上) 在GitHub上创建和托管个人网站(下)
GitHub上搭建个人网站
itmyhome的专栏
10-03 8445
大致如下步骤： 1、注册Git账号 2、创建SSH keys 3、新建repository 4、设置网站 5、clone库到本地 6、提交、上传 7、预览
产品网站首页github
03-24
### 关于GitHub上的产品首页网站仓库 在GitHub上，有许多开源的产品首页网站模板或完整的项目可供参考。这些项目通常提供了构建和部署静态网页所需的一切工具和支持文档[^1]。 #### 如何找到合适的GitHub项目？ 可以通过以下方式来查找适合的产品首页GitHub仓库： - **关键词搜索**：尝试使用诸如“product homepage template”，“static site generator product page”或者更具体的术语如“React product landing page”来进行搜索。 - **筛选条件**：利用GitHub内置的过滤器功能，按照编程语言、更新时间以及星标数量等标准缩小范围[^2]。 #### 推荐的一些流行库和技术栈 以下是几个常见的技术选项及其对应的可能存在的优秀示例： 1. **Jekyll Themes**: Jekyll 是一种流行的静态站点生成器，它支持Markdown语法，并且拥有大量免费的主题可以用来快速搭建产品主页。例如，“Hydeout Theme” 就是一个简洁而现代的选择[^4]。 2. **Hexo Framework with NexT theme**: Hexo 提供了一种简单的方法创建博客和个人作品集型网站；通过安装NexT主题可实现更加精致的设计效果。对于希望展示多方面内容的企业来说非常适用。 3. **GatsbyJS Projects**: Gatsby 结合了 React 和 GraphQL 技术优势，能够高效地处理复杂的前端需求。像 “gatsby-starter-default” 这样的启动包可以帮助开发者迅速建立基础结构并进一步定制化开发. 4. **VuePress or Docusaurus**: 如果倾向于基于 Vue.js 的解决方案，则可以选择 VuePress 或 Facebook 开发维护的 Docusaurus 。它们都特别擅长制作文档类页面的同时也适用于营销性质较强的单页应用(SPA). 5. **Bootstrap Templates**: 对于那些不需要太多动态交互特性的纯HTML/CSS布局而言，采用 Bootstrap 构建可能是最直接有效的方式之一。可以在 Start Bootstrap 官网发现许多高质量响应式设计实例[^3]. ```javascript // Example of initializing a basic Gatsby project using CLI tool. const { execSync } = require('child_process'); execSync('npx gatsby-cli new my-product-site https://github.com/gatsbyjs/gatsby-starter-default.git'); console.log("Project initialized successfully!"); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值