[Day 6 ] 想发表作品,先学会使用 Github 生成静态网页吧!

前言

过去总是羡慕具有设计、美术能力的朋友们,都能累积自己的作品集,并自豪地展现给大众。我的工作属於一般行政、企划,所以尽可能就是将简报制做好,像是加入简报制作的线上社团、多看看模板来得到灵感,或是将excel表单做些修正,让资料整理更有效率,但这些往往不足以成为作品集,呈现出来。

所以啊~当我开始学前端时,知道可以有地方可以将完成的作品存放、分享,并作为网页形式来展示,立马一定要先学起来才行啊!

我如何学会 Github 的使用

首先,当然是由馒头计画Luka所录制的课程所学习,接着,我会跟着操作,如在本地端建立资料夹,下指令,并上传到Github上,最後在於页面上查看是否成功。
第二,我会习惯性地,再去 Youtube 看看其他老师是如何介绍同样主题。
Github Pages / 把做好的网页秀在网路上

  • 2020/02 发布,介绍的方式是直接从 Github 建立新专案,并把专案clone 到本地。
    六角学院 - 如何在 Github Pages 建立静态网站
  • 2016/07 发布,详细介绍 Github 的服务,建立新专案教学,此外还有教如何去看commit的修改,更加认识Git 和 Github 是如何搭配使用。

如何於本地创建并推送到 Github

建立index.html档案

注意:
要上传静态网页之前,别忘了我们在本地端有建立hello_git的资料夹,并初始git inite ,使资料夹内有.git的隐藏档

  • 完成後别忘了git add,git commit -m ""

在本地端完成後,要进行推送至github!

1.建立新的branch

  • 为昨天提到的 git branch 来建立

2.查看github

  • 图:在hello_git资料夹,可以查看到分支、档案

  • 母钱只有master (但我们在本地端已经创立dev,gh-pages两个分支)

3. git push

  • 本地端完成之後,要记得下git push 将档案送到远端
  • 要求要建立新的branch,并照着指令做下一步

4.查看github

5.观看上传的静态网页

  • 到 Github > hello_git > Setting > pages 查看网址

    网址名称:[github mname].github.io/[repository name]

我的静态网页:Eva813.github.io/hello_git


<<:  GitHub DevOps 流程参考实现

>>:  [Day5]PHP常量

11. Bug x Debug x Debug Tool

Bug 在 debug 之前我们要知道什麽是 bug。 请勾选属於 bug 的东西: [ ] 正常网...

EP 3: Use Shell to layout TopStore App

Hello, 各位 iT邦帮忙 的粉丝们大家好~~~ 本篇是 Re: 从零开始用 Xamarin 技...

Android x Kotlin : EditText与软键盘常见设定

简介 editText有些常用设定,有时候会不小心忽略掉。虽然有些不是必备,但使用者体验的优化还是很...

Day 18 : 静态爬虫

今天就来讲讲最基本的静态爬虫吧,这里要装的套件是bs4(BeautifulSoup4),它是用来做静...

高并发下的资料库状态

今天我们要来讨论高并发下的资料库考量 Day03_高并发下的资料库考量 ...