Mac 的重灌方法

Windows 的重灌需要大費周章,Mac 的重灌則是非常簡單。這幾天因為 MacBook 當機的次數增加,伴隨出現功能表全黑的情形,是時候重灌系統了。

Apple 提供 3 種 macOS 的重裝方式:

  1. Command + R:重新安裝 Mac 目前的版本,而不升級到最高版本
  2. Option + Command + R:重新安裝並升級到與該 Mac 相容的最新版本
  3. Shift + Option + Command + R:重新安裝出廠時搭載的版本

這 3 種方式的操作方式非常簡單,只要在開機時按下電源按鈕,然後按下上述的快速鍵之後,就會進入安全模式開啟「macOS工具程式」。接著選擇「重新安裝 macOS」,就會自動重裝了,安裝時間約 30 到 60 分鐘(視網路狀況而定),這段期間放著讓它跑就行了。然後等待指示,使用 Apple ID 登入 iCloud,就能完成安裝。


因為 Mac 的作業系統、應用程式與使用者檔案是彼此隔離的,以上的安裝方式都會保留你所有的資料、應用程式與設定,只會重裝作業系統。這也是用 Mac 的最大好處。

然而因為作業系統版本無法降級(除非先清除磁碟),如果只重裝作業系統,請選擇第 1 種方式,不要選擇第 3 種方式。

如果是要將 Mac 賣掉或送人,需要完全清除資料,可先用 macOS 工具程式做清除磁碟的動作,再選擇任一安裝方式進行作業系統的重新安裝。

只要有心,人人都可以成為重灌狂人!

參考資料:如何重新安裝 macOS

分類:

前端自動化神器 Gulp (更新)

最近聽到一句話『每18至24個月,前端都會難一倍』,非常認同啊,我有兩年沒認真的寫前端開發了,概念還停留在JQuery和Bootstrip,這幾年前端技術推陳出新,Polymer、React、ES6.....。人家都已經飛到冥王星,我卻仍在哈瑪星,是時候加把勁精進前端技術了。

這篇要介紹的工具Gulp,是一套前端的任務管理工具,它可以幫助工程師將一些前端檔案的處理做成自動化程序,然後佈署在開發環境,讓前端工程師專注在開發上面,無須費心於環境設定等瑣事。

特色:
  • Gulp的背後是Node.JS,效能非常好
  • 有非常多的擴充套件可供選用,例如可以直接用Gulp當作Web Server,JS、CSS檔案的處理、SASS、LESS檔案的轉換等等,可依前端工程師的需求來安裝與配置
  • 程式修改後不需要重啟或重載,Gulp會自行判斷修改的部分,然後自動重新佈署,並重載瀏覽器
  • 配置非常容易,Gulp沒有GUI介面(如果需要GUI介面,可安裝Gullet,這是 g0v發起人clkao自己開發的小工具),全部的配置只有一個JS檔案(gulpfile.js)

目錄結構

在使用Gulp時,目錄結構非常重要,如果是共同開發的專案,可依團隊需求訂定統一的目錄結構。以下是我習慣使用的目錄結構,僅供參考,專案資料夾下分兩個資料夾src和server,src存放原始碼,任何程式碼異動都改在src的檔案,server資料夾則是存放gulp編譯後的檔案,Gulp配置檔(gulpfile.js)則放在專案資料夾的根目錄下。這樣的好處是,src可以直接進版本控管系統,server則可以直接拿來佈署,若web hosting是GitHub Page的話,甚至可以把server直接推到gh-pages分支。

├── [Project Name]
├──── [src]
├────── [js]
├────── [css]
├────── [img]
├────── index.html
├──── [server]
├────── [js]
├────── [css]
├────── [img]
├────── index.html
├──── gulpfile.js

安裝

  1. 首先要安裝Node.js
  2. 其次安裝全域的Gulp
  3. 最後是依需求安裝Gulp的套件

常用套件 

  • gulp-clean:刪除目的端檔案
  • gulp-connect:網頁伺服器(http://localhost:8080)
  • gulp-livereload:自動刷新頁面
  • gulp-watch:即時監控指定目錄下的檔案是否異動
  • gulp-clean-css:CSS檔案壓縮 
  • gulp-sass:CSS preprocessor,內建CSS檔案壓縮
  • gulp-concat:合併多個檔案
  • gulp-jshint:JavaScript語法檢查   (更新: 新版的gulp-jshint似乎有些問題,建議先不要安裝) 
  • gulp-uglify:JavaScript檔案壓縮
  • gulp-imagemin:圖形檔最佳化
  • gulp-notify:通知
  • gulp-gh-pages:部署到GitHub Pages

Gulpfile.js

下面是Gulpfile的範例程式,應該還算淺顯易懂。需要執行的步驟寫在Task裡面,最後將所有要依順序處理的步驟寫在default task。

執行Gulp

在專案資料夾根目錄執行"gulp"指令,然後從瀏覽器輸入這個網址:http://localhost:8080。執行過程中,因為有安裝gulp-jshint,如果有JavaScript錯誤,會顯示在命令列視窗。

範例

本篇的Gulpfile.js已上傳到GitHub,有興趣的讀者可自行下載修改。

分類:

[VS Code] Markdown 編輯與預覽

自從 Visual Studio Code(以下簡稱 VS Code)推出之後,Atom 就被我移除了,並和 Sublime Text 一起使用,以彌補 VS Code 的不足。目前使用 Sublime Text 做網頁開發(因為許多網頁開發的插件用習慣了),其他的程式開發和檔案編輯則使用 VS Code。我覺得 VS Code 有兩個強大之處,首先是開大檔案的速度,其次是編輯 Markdown。關於開大檔案的速度,我之前的文章有分享過,就不再介紹了,本篇要介紹的是 VS Code 的 Markdown  功能。

Markdown 編輯與預覽

安裝

其他包括 Atom 或是 Sublime Text 編輯器,在編輯 Markdown 檔案時都要另外安裝插件。至於 VS Code 則不需要額外安裝其他插件,它內建就提供了 Markdown 的編輯與預覽功能。所以只要裝好 VS Code 就能編輯 Markdown,根本可以把其他 Markdown 編輯器丟了!

編輯與預覽

在 VS Code 上開啟 .md 檔,因為 VS Code 已內建 Markdown 功能,當辨識到 md 檔時,就會自動顯示 Markdown 高亮語法。
VS Code

按下快捷鍵 Ctrl + Shift + V(Mac的快捷鍵是 Command + Shift + V),會開啟 Markdown 的預覽畫面。但另開一個預覽畫面,編輯檔案和預覽畫面還要切換,不是很方便。
VS Code

沒關係只要改成並排顯示,左畫面是編輯,右畫面是預覽,當編輯檔案時,預覽畫面會即時變更,不管捲動哪邊的畫面,另一邊也會一起捲動,所看即所得喔!
VS Code

分類:

[Cloudflare] 新舊網址的轉址

網站如要更換網域名稱,一般來說有很多種作法,能讓用戶從舊網址瀏覽時,自動轉址到新網址,其中使用Cloudflare的「Page Rules」轉址服務可能是最方便的,不僅不用寫程式,還能自訂很多規則,真是太好用了!

設定


登入Cloudflare之後,到舊網域的「Page Rules」,按下「Create Page Rule」新增規則 。(設定轉址規則之前,請先完成新網域的設定與轉換)


Cloudflare的「Page Rules」提供很多規則,其中我們使用「Forwarding URL」來設定網址轉址,選定Forwarding URL之後,右側要選「301 - Permanent Redirect」,它會使用 HTTP 的狀態 301 來做轉址。網站設定的部分,假如要從 http://blog.aaa.com/ 包含以下所有連結都轉址到 http://blog.bbb.com/,就按照下圖方式設定。上方的星號(*)對應到下方的($1),星號代表變數,因此如有多個星號,下方要增加相對應的($1, $2...)等符號。然後按下「Save and Deploy」,等待幾分鐘後,規則就會生效了。

這裡的設定表示,將 http://blog.aaa.com/ 以下全部路徑都 Redirect 到 http://blog.bbb.com/ 相對應的路徑,也就是說 http://blog.aaa.com/2017/01/01/post.html 這個路徑會自動轉到 http://blog.bbb.com/2017/01/01/post.htm。

轉址全部的 CNAME

當然也能設定更複雜的規則,例如我們想將某個網域下全部的 CNAME,都轉址到新網域相對應的 CNAME,只要按照下面的方式設定一個規則就行了!


分類:

非付費開發者的 iOS 實機測試

在過去,只有付費開發者才能在實機上安裝 iOS App,但自從 Xcode7之後, 已經放寬限制,允許非付費開發者,在申請 Apple 開發者計畫之前,也能在實機上測試 App。

設定步驟可參考這篇文章

不過這篇文章沒說的是,以這種方式產生的開發者憑證只有七天效期,憑證到期之後,只要再透過 Xcode 重新將 APP 部署到實機,就能恢復使用,憑證效期也自動延長七天,當然七天後仍需重新部署,否則仍然無法使用。

也許蘋果用這種方式強迫開發者付費,因為付費後拿到的憑證效期是一年。

分類:

Copyright © Andy Cheng

Distributed By My Blogger Themes | Blogger Theme By NewBloggerThemes Up ↑