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

如何运行github上的项目

为了讲明白这个过程,特意做了一个相当来说比较好读懂的原理图,希望和我一样初学的小伙伴也能很快上手哈😊

  1. 在Github中找到想要部署的项目,这里以BartoszJarocki/CV(线上简历📄)项目为例

  2. 先从头到尾简单的预览一遍项目的内容 (重点看一下README.md文档介绍),知道项目大概能实现些什么功能, 有些简单的项目可以直接在线预览效果 

  3. 点击Star星星 ⭐收藏项目,这样做的目的是让作者知道我们有在关注他的项目(给予别人动力与肯定 👍),第二个目的是可以在自己的账号下快速的查找到该项目

  4. 点击Fork分支标志 ,将该项目的全部内容拷贝一份到自己的账号下,本地开发和线上开发都需要这一步, 👉因为只有在自己账号下的项目我们才能提交修改版本(为后期的本地开发或线上开发做准备)

  5. 拷贝下来的项目可以自定义名字 🤣(也可保留原名字)

  6. 接下来在自己账号中点开刚才拷贝好的项目,点击Code按钮,之后点击Local(克隆)栏,选择想要的克隆方式,这里选择使用https来演示(因为这个用得最多 😅)

  7. 此外Github还提供了线上的开发环境来让我们进行线上的开发 😍(不再克隆到本地,而是在远程开台服务器来给我们进行二次开发,当然本地克隆也是可以的),因为本地使用的频率比较多,这里尝试使用Github提供的VSCode开发环境进行操作演示 😁

  8. 等待加载完,进来之后就可以看到克隆项目的全部代码,终端输入命令可以看到使用的是Ubuntu版的Linux系统 

  9. 接下来就是按项目文档的步骤来操作了 

  10. yarn dev命令是创建端口的意思,然后点击端口栏就会发现新的端口和转发地址了

  11. 由于该服务器地址别人也是可以访问的,所以弹出是否承担风险并继续 😱,点击Continue继续按钮进行下一步

  12. 这样就可以看到我们部署的项目了 💯

  13. 现在我们需要做的就是把这个简历的内容改为我们个人的,回到刚才的文档,点击这个配置文件超链接,直接跳转到配置文件中

  14. 在这个文件中就是简历各项详细的配置了,可以看到有姓名、头像、位置、项目等等的内容,下面我们来简单的改几个配置项的内容,其他配置项也同理

    name的值改为张三,地址改为中国广东,图片改个地址, Ctrl+S 保存!! 👈

  15. 保存之后刷新就可以看到我们配置好的简历啦 🎉 🎉 🎉

后续还会写一篇关于该项目(个人简历)部署到自己域名上的文章,这样就拥有了属于自己的线上简历啦,面试的时候也是很好的加分项哦💥💥,喜欢的小伙伴记得给我点个赞哦😘😘😘

http://www.lryc.cn/news/307458.html

相关文章:

  • 机器学习-02-机器学习算法分类以及在各行各业的应用
  • Java项目学习
  • npm run dev和npm run serve两个命令的区别
  • ui设计:利用即使设计设计出漂亮样式
  • [unity]lua热更新——个人复习笔记【侵删/有不足之处欢迎斧正】
  • Springboot日常总结-@RestController和@Controller的区别
  • MongoDB之客户端工具与核心概念及基本类型篇
  • Essential C++ 编程基础
  • 07 Qt自绘组件:图片预览小组件ImageViewer
  • Groovy(第九节) Groovy 之单元测试
  • gprMax3.0随机介质建模
  • 自动驾驶---行业发展及就业环境杂谈
  • Matlab 矩阵基础
  • TikTok矩阵系统的功能展示:深入解析与源代码分享!
  • Gradio Dataframe sort 问题
  • 【机器学习300问】24、模型评估的常见方法有哪些?
  • ArcgisForJS如何将ArcGIS Server发布的点要素渲染为热力图?
  • 第 2 章 微信小程序的构成 (代码导读)断更,后续继续更新
  • 十一、Qt自定义Widget组件、静态库与动态库
  • 八、ChatGPT能替代什么人?
  • QT C++实现点击按键弹出窗口并显示图片/视频|多窗口应用程序的设计和开发
  • shell和go实现:防火墙放行所有端口,唯独拦截80端口
  • QT信号槽实现分析
  • 【pytorch】tensor.detach()和tensor.data的区别
  • 教师资格证相关
  • 卷积神经网络介绍
  • XSS简介
  • 手写redux和applyMiddleware中间件react示例
  • MATLAB R2024a 主要更新内容
  • 4.1.CVAT——目标检测的标注详细步骤