changed 5 years ago
Linked with GitHub

Codepen 將你的程式碼分享給別人

開始前需了解

了解 Codepen 是一個屬於哪種類型的平台
Codepen 網址

動態圖片若太小的話,可以右鍵新分頁開啟圖片
這會是正常比例的觀看

註冊與登入

  • 使用前先註冊帳號

  • 選擇喜歡的註冊方式
  • 照著流程完成註冊

  • 跟著登入介面按下 Login

開啟你人生中的第一個 Pen

  • 點擊下圖左邊的紅框處

  • 接著已經來到人生中的第一個 Pen
  • 觀看下圖右上角的紅框,自己 Google 翻譯甚麼意思

  • 這邊展示Chang View > Editor Layout 的效果

  • 這邊展示如何 css reset

分享給其他人觀看

當你在本地編輯器完成後

  • 先設定 css reset
  • 再摳程式碼過來
  • 複製網址
  • 開啟無痕測試,是否可以觀看

結論

本次教學採動態圖片,因為截圖畫框線好累。

tags: Shared
Select a repo