美文网首页FabAcademy 学习汇
[FabNotes03] 作业1:用 Git 上传自己的网站

[FabNotes03] 作业1:用 Git 上传自己的网站

作者: Kidult | 来源:发表于2016-02-24 19:26 被阅读182次

FabAcademy 第一周的作业是:

用 Git 上传包含自我介绍、项目初步规划的网站到 Gitlab 站点上

真是第一周就挖两个大坑呀:

  • 学 Git
  • 做网站

好在之前都折腾过不止一次,已经摸出了大概的门道:

  1. 安装 Git
  2. 学习使用 Git
  3. 注册 gitlab 帐号
  4. 搭建网站 (Hexo 大法)
  5. 写自我介绍和项目规划
  6. 上传网站到 gitlab

注:以下操作均在 Mac 下完成

1. 安装 Git

翻看 Git 官方的安装说明 :

There are several ways to install Git on a Mac. The easiest is probably to install the Xcode Command Line Tools. On Mavericks (10.9) or above you can do this simply by trying to run git from the Terminal the very first time. If you don’t have it installed already, it will prompt you to install it.

Mac 下使用 Git 奏是方便!

2. 学习使用 Git

曾经被 Git 折腾得晕头转向,写过学习笔记「多用 Git 少交税」,正好用上。

3. 注册 gitlab 帐号

FabAcademy 去年还要求用 Mercurial,谢天谢地,今年终于向 git 屈服。他们选择提供开源 git 部署服务的 Gitlab,用它来搭建 FabAcademy 自己的 git repository。

注册过程很简单,到 fablabs.io 网站注册。然后用注册号的帐号登录 git.fabacademy.org。等到助教把学员添加到项目之后,就可以在“Your Projects” 里看到啦。

下一步是按照说明,在“Profile Settings”里添加 SSH key,让服务端能识别出该接受哪些数据传输。

添加密钥成功后,一切准备就绪。在本地找好合适的目录,用 git clone 命令把 project pull 下来。(学号可以到学员列表页面找到 )

4. 搭建网站 (Hexo 大法)

搭建个人网站,是为了记录每周作业的过程,以及期末项目的进度。所以适合用 Wordpress 一类的工具来快速生成。教授推荐了 Jekyll ,但我依然毫不犹豫选择用 Hexo ,胜在够快够简单,模板质量也不错。

当然,最直接的原因是我刚刚折腾过,把自己的博客从 Wordpress+自己购买的服务器,迁移到 Hexo 本地生成静态网页+ github 托管。折腾记录请看 博客搬家记:从 Wordpress 到 Hexo+Github

过程中有一点需要特别注意。因为每个学员的网站是放在 FabAcademy 网站下面的子目录,所以需要在 Hexo 站点配置文件 "_config.yml" 设置父目录的 url :

# URL

url: http://archive.fabacademy.org/
root: /archives/2016/fablabshenzhen/students/yourid

5. 写自我介绍和项目规划

一开始就要想 final project 也是够头疼的。我打算做一款特雷门琴出来,求熟悉的朋友支招~

6. 上传网站到 gitlab

网站搭建完毕,内容也准备好之后,就可以上传啦。

在终端中进入本地站点目录,使用 hexo generate & hexo deploy 两个命令生成最新的博客静态文件。最理想的效果应该是通过 hexo 直接 deploy 到目标的服务器地址。但是因为需要上传到子目录,但是一直没有找到 hexo 直接 deploy 到子目录的办法,只好用本办法凑合着用:拷贝本地 hexo 网站中的“public” 文件夹,替换已经 pull 下来的 gitlab 中自己文件夹中的内容,然后再用 git push 到 gitlab 上去:

git add .
git commit -m "your comment"
git push

上传后的效果可以到我的课程网站 查看。

课程资源


00的公众号,更多分享酝酿中……

相关文章

  • [FabNotes03] 作业1:用 Git 上传自己的网站

    FabAcademy 第一周的作业是: 用 Git 上传包含自我介绍、项目初步规划的网站到 Gitlab 站点上 ...

  • 快速学会使用Git上传项目

    Git上传代码步骤 使用Git上传项目有一个前提,就是在网络中有一个自己仓库。外国网站仓库管理的网站是Github...

  • 如果上传项目到GitHub?

    上传前的准备: 1.在GitHub网站创建一个代码仓库 2.下载Git工具 上传流程: 1.在本地初始化一个Git...

  • GitLab代码管理

    推荐几个网站供初学者学习用 1.大牛的网站,上面有Git教程 2. git 上传更新的代码到服务器(使用终端更新代...

  • 第一期作业

    作业说明 除了通过在风流布置作业时推荐的两个网站上学习,自己在其他网站上进行了学习,其中git的学习也在git教程...

  • git push

    最近刚重装系统,这次从0开始用git将本地项目上传到Github 1. 安装git https://git-scm...

  • 版本控制那点事--简述Git与SVN

    关于版本控制公司用的SVN。自己写demo用的Git、用的时候基本也就是简单的上传。忽然心血来潮想仔细看看Git。...

  • coding+sourcetree+编辑器代码部署配置

    codding+sourcetree+编辑器代码部署 1:创建git项目库; 2:用git上传本地代码到codin...

  • Git的使用上传与合并

    1.git add . 添加 2.git commit -m " 这里上传的内容" 上传内容 3.git push...

  • 本地项目上传到git一个子分支

    1、生成.git 文件夹: git init 2、上传修改的文件: git add . 3、添加上传文件的描述: ...

网友评论

    本文标题:[FabNotes03] 作业1:用 Git 上传自己的网站

    本文链接:https://www.haomeiwen.com/subject/djsikttx.html