育將電腦工作室 - 線上書籍

數位相簿很上手
=======

### 一、利用網格

1. <span style="font-size:18px;">包裝</span> ```
  <pre class="brush:as3;">
  
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
            .....
          </div>
        </div>
      </div>
  ```
2. <span style="font-size:18px;">卡片</span> ```
  <pre class="brush:as3;">
  
            
            <div class="card">
              <img class="card-img-top" src="...." alt="Card image cap">
              <div class="card-body">
                <h5 class="card-title">card 標題</h5>
                <p class="card-text">card 內容</p>
                <a href="#" class="btn btn-primary">按鈕</a>
              </div>            
              <div class="card-footer">
                <span>card 頁尾</span>
              </div>
            </div>
            
  ```
  
  上課範例：<https://github.com/tawan158/gallery/blob/master/20180607.html>
3. <span style="font-size:18px;">範例  
   <https://elainehouse.github.io/elainehouse/></span>
4. <span style="font-size:18px;">申請Gitlab  
   <https://gitlab.com/></span>
5. <span style="font-size:18px;">設定 Gitlab pages   
   <https://ithelp.ithome.com.tw/articles/10197791></span>
6. <span style="font-size:18px;">如果帳號與 GitHub帳號不一致  
   可以設定 local  
   <span style="color:#FF0000;">git config --local user.name "帳號"</span>  
   <span style="color:#FF0000;">git config --local user.email "email"</span></span>
 
二、線上筆記

1. <https://hackmd.io/>
2. <https://hackmd.io/s/HkSYocLeQ>
3. [https://hackmd.io/YgqdgHZJQgyMT-mSC0\_Ctg](https://hackmd.io/YgqdgHZJQgyMT-mSC0_Ctg)

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown