線上書籍

Home

數位相簿很上手

一、利用網格
  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