Day 1 - 环境设置

介绍

先自我介绍一下吧, 笔者来自香港, 很崇拜"开源"这种精神, 慷慨地把自己的知识分享出去, 让身处世界的各位都能够共享, 岂不美哉?

还有, 这是我的Github profile, 欢迎大家follow.

第一天, 我们就先安装一些工具来开发吧.

有哪些工具呢?

• Git
  • 用作source code version control
  • 我们还要一个Github的帐号呢
  • Github的Pages功能也会用作架起我们的网页
  • 其他常见的也有: svn, ...
• Visual Studio Code (简称vscode)
  • 编辑source code
  • 其他常见的也有: sublime text, notepad++, atom, vim(高手用), ...
• Powershell (for Windows)
  • 执行Command之用
  • 其他常见的也有: git bash, linux bash/terminal, ...

想快速安装以上的工具的话, 建议大家可以使用Chocolatey.

建立工作文件夹(Workspace)

1. 打开Powershell

2. 建立一个文件夹来安放source codes, 文件夹的名字就叫做"ithome-blogger"

mkdir ithome-blogger  # 在目前的working directory中create一个叫ithome-blogger的文件夹
cd ithome-blogger  # 改变working directory至ithome-blogger

3. 在Github中建立一个Git repository来管理这个Workspace

4. 建立成功! 在这里

5. 在ithome-blogger里, 建立一个local git repository

echo "# ithome-blogger" >> README.md # 建立一个简单的readme档
git init # 建立一个local git repository
git remote add origin https://github.com/tlyau62/ithome-ironman.git # 把remote设置做刚建立的Github git repository
git add -A # stage所有的local changes
git commit -m "Initialize" # 把目前这个stage commit一下
git push origin master # 把目前local git的changes推上remote master

6. 准备完成, 用vscode打开文件夹ithome-blogger, 我们可以开始coding了!
   

知道Markdown(.md)是什麽吗?
我见过一个高手, 写code只用vim, 写notes只用Markdown, 画图只用Mermaid, 写paper只会latex...

预告

写code之前, 我们还是先设计一下UI, 所以下一篇会是利用Figma去为我们的网页Blog去设计UI.