JQuery
[函式庫] JQueryJQuery 為 Javascript 的函式庫 ( Library ) 在各瀏覽器的 Javascript 寫法不一樣，JQuery 統一了寫法 引入 : <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> JQuery API JQuery basic123$(document).ready(function(){ $("p").text("Hello World!");}); document 代表整個 HTML，當頁完全載入後，改變 <p> 的文字為 Hello World! $ = JQuery 12345(function($){ $(document).ready(function(){ $("p").text("Hello World!");...
Hexo 部署上 Github 後頁面全空了
[問題] Hexo 部署上 Github 後頁面全空了昨天晚上回到家想改個 Blog 的文章，於是就很正常的把在公司 git push 的程式碼 git pull 下來，沒想到改完 hexo d -g 部署上去後，頁面全空了 問題描述 :通常我們使用別人的主題時都是 git clone -b master <主題地址> themes/<主題名稱> 這樣直接 clone 到自己的專案內 這時因為別人的專案 ( themes ) 也有它自己的 .git 檔，所以在我們的專案 git push 時，是不會提交 themes 上去的，導致我們在別台電腦 git pull 下來時，根本沒有拉到主題文件夾 在我們的專案 git push 後，Github 只顯示主題名稱文件夾，但沒有內容 為了要提交 themes 上去，我們要在 themes 文件夾中 git push 一次，然後在我們的專案 git push 一次 解決問題 :在這邊可以用 Git submodules 更好的解決此問題 Git submodules Git submodules 可以允許你將...
Git and SourceTree
[工具] Git and SourceTreeGitGit : 分散式版本控制軟體一個 Git 目錄裡，可以分成三種區域 : 目前工作目錄 Working tree 暫存準備遞交區 Staging Area 儲存庫 Repository 而 Working tree 裡的檔案有四種狀態 : 沒有被追蹤的檔案 Untracked files 有修改、還沒準備要被遞交 Changes not staged for commit 有修改、準備要被遞交的檔案 ( 在 Staging Area ) Changes to be committed 已經被遞交的檔案 Committed 1. SSH Git hub 終端機 : 在終端機輸入 ssh-keygen 來產生金鑰 進到金鑰存放的位置，通常是 C:\Users\User\.ssh vim id_rsa.pub 使用文字編輯器打開後 y 兩次複製 Git hub : Git hub 右上角進到 Settings SSH and GPG → keys New SSH key Title 輸入想要得名稱，Key...
Hexo Blog 架設
[實作] Hexo Blog 架設1. 安裝終端機輸入 : $ npm install hexo-cli -g $ hexo init blog $ cd blog $ npm install $ hexo server or $ hexo s 2. 放置文章 $ cd blog\source\_posts 在此新增文章 ( 為 Markdown 語法 ) 3. 更換主題 $ cd blog\themes 在此放置主題 主題庫 每個裡面都有介紹如何使用 4. 佈署上 Git hub 編輯 _config.yml 12deploy: type: git 安裝 hexo-deployer-git 1$ npm install hexo-deployer-git --save 修改 _config.yml 1234deploy: type: git repo: <repository url> //儲存庫（Repository）網址 branch: [branch] //分支名稱，建議新增一個 branch : gh-pages，master...
CSS 基礎
[筆記] CSS 基礎特性寫在後面的CSS會覆蓋前面的CSS 用法 Inline 1<p style="color: red">text</p> Internal 123456789101112131415<html><head><title>CSS Example</title><style> p { color: red; } a { color: blue; }</style>... External style.css檔 1234567p { color: red;}a { color: blue;} HTML檔 12345<html><head> <title>CSS Example</title> <link rel="styleshe...
Javascript 基礎
[筆記] Javascript 基礎語言特性 動態型別語言 單一變數的型別可能會隨時改變 弱型別語言 執行期間才檢查型別 優點 : 開發快 缺點 : 大專案難以維護，無法知道型別 typescript強制javascript宣告型別 物件導向語言 除了原始型別，其他都是物件 原始型別 : Numbers、String、Booleans…等 物件可以包含物件 value可以關聯function javascript物件特性 javascript物件是個容器(Container) 可以包含屬性(Property)和方法(Method、Function) javascript物件其實是HashMap 屬性名稱一定是字串 取得屬性方法有兩種 物件取法 : car.name 陣列取法 : car['name'] 數字不能當變數 javascript沒有class，不需要建構式(constructor)就能建立物件 javascript的constructor就是函式，稱建構式函式 使用new來透過建構式函...
NodeJS、npm 的安裝與配置
[安裝] NodeJS、npm 的安裝與配置新版 NodeJS 裡面就包含了 npm1. 下載 下載地址 : NodeJS官網 安裝在此目錄底下 C:\Program Files\nodejs node -v 與 npm -v 檢查是否安裝成功 2. 配置 npm 的全局模塊的存放路徑以及cache的路徑 建立 node_global、node_cache 兩個資料夾 在終端機輸入 npm config set prefix "C:\Program Files\nodejs\node_global" npm config set cache "C:\Program Files\nodejs\node_cache" 3. 配置系統環境變量 右鍵 本機，內容 → 進階系統設定 → 進階 → 環境變數 → 系統變數底下 新增 NODE_PATH 新增路徑 C:\Program Files\nodejs\node_global\node_modules 上去 更改使用者變數底下的 Path C:\Program File...
Cmder 的安裝與配置
[安裝] Cmder 的安裝與配置Cmder : 好用的window命令提示字元1. 下載 下載地址 : Cmder官網 分為Mini跟Full(Full包含了Git for Windows) 下載下來為壓縮檔，解壓縮後放在此目錄底下 C:\Program Files\cmder1.3.11 2. 以管理員身分運行Cmder右鍵 Cmder.exe，內容 → 相容性 → 勾選 以系統管理員的身分執行此程式 3. 以 win + R 開啟 Cmder 新增路徑到系統的環境變數 右鍵 本機，內容 → 進階系統設定 → 進階 → 環境變數 → 編輯 系統變數底下的 Path 新增路徑 C:\Program Files\cmder1.3.11 上去 啟動 win + R 4. 新增 Cmder 到右鍵選單在管理員身分下執行Cmder.exe /REGISTER ALL 5. 將 λ 改成熟悉的 $ 打開 C:\Program Files\cmder1.3.11\vendor\clink.lua 找到 lambda = "λ" 將 λ 改成 $ 重啟C...
VS code 安裝與好用套件
[安裝] VS code 安裝與好用套件VS code : 免費且功能強大的高效率編輯器1. 下載 下載地址 : VS code官網 2. 開啟 在終端機輸入 code . 可開啟 VS code 3. 好用的套件 Mithril Emmet : 提供了一種非常簡練的語法規則，然後立刻生成對應的HTML 結構或者CSS 代碼 html:5 : 產生標準的HTML格式 > : 產生巢狀HTML EX : nav>ul>li 更多語法規則 open in browser : 檢視HTML產出的網頁 Ctrl + Shift + P or F1 輸入指令 Open in Default Browser Live Server : 修改HTML同時，即時更新網頁 Ctrl + Shift + P or F1 輸入指令 Live Server: Open With Live Server P.S. 出現錯誤 : Open a folder or workspace... (File -> Open Folder) 需打開 folder...
