16. 雲端應用研究社-6-卡片的應用

一、利用網格

1. 包裝

   
       <div class="container">
         <div class="row">
           <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
             .....
           </div>
         </div>
       </div>

    

2. 卡片

   
             <!-- card item -->
             <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>
             <!-- card item end-->

   上課範例：https://github.com/tawan158/gallery/blob/master/20180607.html

3. 範例
   https://elainehouse.github.io/elainehouse/
4. 申請Gitlab
   https://gitlab.com/
5. 設定 Gitlab pages 
   https://ithelp.ithome.com.tw/articles/10197791
6. 如果帳號與 GitHub帳號不一致
   可以設定 local
   git config --local user.name "帳號"
   git config --local user.email "email"

二、線上筆記

1. https://hackmd.io/
2. https://hackmd.io/s/HkSYocLeQ
3. https://hackmd.io/YgqdgHZJQgyMT-mSC0_Ctg