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

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 :

1
2
3
4
# 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 上去:

1
2
3
git add
git commit -m "your comment"
git push

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

课程资源

kidult00 wechat
扫码关注 00 的公众号
如果文章帮您节省时间或者解答疑问,不妨打个赏 :)