panxiubin's Blog

如何分享自己的 logdown

| Comments

目标

用 Logdown 写文章并分享出去

步骤

  1. 打开你的 Logdown 后台
  2. 写好你的文章名
  3. 编辑内容
  4. 保存并公开发布
  5. 分享网址

Mac快捷键的使用

| Comments

哪些常用的快捷键

苹果常用的快捷键与 Windows 不同,使用频率最高的为:Command 和 Option,分别位于键盘空格左右

⌘(command) ⌥(option) | ⌃(control) ⇧(shift)

可以点击 File 查到有哪些快捷键

新建 Finder 窗口 ⌘N (新建…都是 Command + N)

新建文件夹 ⇧⌘N

新建标签页 ⌘T

查找 ⌘F (任何程序中查找都是 Command + F)

可以进入 Keyboard,自定义快捷键

Shift + Command + 3 截全屏

Shift + Command + 4 选取部分截屏

Command + W 关闭

Command + Q 退出

Finder 窗口必须用 Command + W

Control / Command + 空格键 搜索

Mission Control = 控制中心 ——> 虚拟桌面

  • 找到你的任何程序和窗口
  • 分类你的工作,娱乐

文件管理
不要使用桌面管理文件,要按照文件所属项目分类

安装包种类:
磁盘镜像(.dmg)= 压缩包(小程序),双击解压缩。拖拽应用程序到至应用程序文件夹快捷方式
安装包(.pkg)= 双击,下一步下一步……

备份 Time Machine

  • 需要一块非系统启动硬盘
  • 备份所有东西
  • 可以完全恢复电脑
  • 方便新电脑迁移

磁盘工具

  • Mac OS 扩展日志(苹果)
  • ExFAT/ MS-DOS(Windows)
  • Paragon NTFS for Mac

iCloud (个人账户服务功能=苹果账户)安全存储你的全部照片,视频,文档,音乐,App 等内容,并在你的设备上同步保持更新。让你在所有设备上都可以访问所有内容。

  • 通过将所有设备照片全部上传到 iCloud 盘中,再将优化大小的图片缓存在设备当中,可以兼顾浏览全部照片以及保证存储空间的双重结果。
  • 通过 iCloud Drive,用户可以将自己的整个工作文件夹以及对应支持 iCloud Drive 存储的程序文件存在云端。所有设备可以随时访问,同时任何一台设备上的更新,会立刻推送到所有其他设备当中。macOS Sierra 中,还通过 iCloud Drive 将“文稿”以及“桌面”文件夹进行了云端同步。

家人共享
最多达 6 名家庭成员可以共享相同的 App Store 购买记录,这样避免了家中多人共享一个 Apple ID 而导致的各种不便利的麻烦。
iCloud 其他功能

  • 同步你的日历,联系人,网页书签,备忘录。
  • 备份你的设备。
  • Safari 和钥匙串,在一个设备上开启的网页,可以在另一台设备上打开。同时 iCloud 钥匙串允许你将所有保存的用户名及密码安全得共享给所有设备方便登陆。
  • Find my iPhone(iPad,MacBook,Macbook Pro……)找回设备。

密码工具
1Password

如何在 Slack 上修改 Username

| Comments

目标:

为了便于助教们回答问题,请各位学员在 Slack 上,备注好自己是第几期学员。

步骤:

打开你的 Slack,如下图所示操作




JDstore 组队协作

| Comments

目标:

Github 组队协作

步骤:

1.可以看到主程的代码jdstore是从quanzhanying fork过来的

2.主程邀请副程,副程在github上会收到通知


接受邀请

在副程的github上也可以看到主程的代码是从quanzhanying fork过来的

3.副程clone主程的代码下来
查到origin的地址是从主程那fetch过来的,副程重新切了一个分支出来做


副程将做好的分支push到github后,点击“Compare & pull request”

可以看到base fork quanzhanying,head fork 主程。并在框中输入做了哪些修改

点击“Create pull request”后,发现推送到了quanzhanying

这个并不是我们想要的

4.主程打开自己的github,可以看到副程提交的分支


切换到副程的分支后却发现无法merge

解法:

1.主程点击“New pull request”,会转成以下画面。把base fork点选主程的repo


2.可以看到页面跳转成如下。
①确认已经转到主程的repo;
②base选择你想要merge的分支,可以选择“master”(一般正式协作会另外创建一个develop分支,把开发的进度放到develop,master一般于production环境);
③compare选择副程的分支名;
④查看是否是“Able to merge”状态;
⑤写下你的comment。
确认以上五点后,点击“Create pull request”

3.主程点击“Merge pull request”

4.主程点击“Comfirm merge”

5.这样副程的最新代码就merge到了master分支上

那么主程如何得到最新的代码呢
1.主程checkout回master分支,然后运行git fetch
那么主程得到的代码也就是最新的了

但是正确的做法应该是主程checkout一个develop分支。

(develop分支主要用于大家的开发使用,master用作于production环境。)
1.主程把develop分支创建好后,push到github上
2.主程再从develop分支checkout新的分支来做
3.副程pull主程的develop分支上下(假定目前develop分支已经是最新的分支),在本地再重新checkout出新的分支来做
4.副程做了新的功能重新push上去,在主程的github上可以看到新的分支


5.依据前面的方式,把副程的最新分支merge到develop分支上

6.同样的方式,把主程最新的分支也merge到develop分支上

7.每次主程merge完之后,主程和副程都要记得重新pull最新的develop分支下来。然后再checkout新分支出来做

看到最后的有惊喜,介绍一个好工具——SourceTree


可以很清楚的看出每一个commit(关于SourceTree的使用指南请期待更新😁)

posts/239 将JDStore部署到Heroku

| Comments

情况一:storage :fog 为隐藏

本地localhost 图片可以显示

部署到heroku 上的图片无法显示,没有保存到S3里

情况二:storage :fog 去掉隐藏

本地localhost 会出现如下报错

heroku上的图片可以正常显示,已经存到了S3

解法一:在 image_uploader 中加入判断

本地localhost可以显示图片

push到heroku后,也可以正常显示图片保存于S3中

解法二: torage :fog 为注释状态不改变

在 initializers/carrierwaver.rb 中加入一行 config.storage :fog

push到heroku的过程中会出现如下报错

解法:$ touch lib/fog.rb 并填入如下图片内容

修改 initializers/carrierwaver.rb 加入以下三行

最后在本地localhost 上可以正常显示,部署到heroku上后也可以正常显示


如何利用 commit 来检查每一步的修改是否正确(中套路)

| Comments

以 “posts/338 的 6-0(解答)穿衣服” 教材为例(参考教材网址 https://fullstack.xinshengdaxue.com/posts/338

Part 1 步骤

Step 1.帮专案穿上衣服 Bootstrap,挂上 bootstrap-sass 这个 gem

在终端输入 atom . 打开 atom 编辑器。

修改 Gemfile,在 group :development, :test do 前一行加入 gem 'bootstrap-sass' (如下图)

Step 2. bundle install

在终端输入 bundle install

(注意:修改完 Gemfile 都要执行 bundle install)

Step 3. 将 Bootstrap 的 CSS 套件装进专案里面

在终端输入 mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss

然后在 app/assets/stylesheets/application.scss 里加入这两行(如下图)

Step 4. 将变更 commit 进 git 里面。

在终端分别输入以下指令:

git add .

git commit -m "add bootstrap to project"

git push origin version-1

Part 2 打开你的 github 网页。

注释:commit 可以做无数次。commit 越多次,commit 的信息越详细,我们 debug 就越简单哦~~

Octotree 插件—— GitHub 项目的树形视图

| Comments

效果图

Step 1:用chrome打开github网页时的正常页面如下

Step 2:用Chrome打开以下链接 https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

点击 "添加至 CHROME"

Step 3:点击 "Add extension"

Step 4:查看 "已添加至 CHROME"

Step 5:用chorme打开github网页,点击">"

Step 6:出现树形视图

注释:Octotree 是一个 Chrome Plugin。提供 GitHub 项目的树形视图。好处:方便在线预览一个层级复杂的项目的文件结构。

如何利用 commit 来检查每一步的修改是否正确(小套路)

| Comments

以 “posts/352 的 5-2 Pull Request 教学” 为例(参考教材网址 https://fullstack.xinshengdaxue.com/posts/352

Step 1: 对 README.md 做一些修改

在终端输入 atom README.md

打开如下

替换成这样(或任何其他的内容)

存档并 push 上 Github

git add .

git commit -m "first week"

git push origin version-1

Step 2: 打开你的 github 网页

注释:我们可以在github网页上查到我们在atom中所做的修改。这样我们就可以利用每一次的commit和教材进行对比来排bug。