iT邦幫忙

2022 iThome 鐵人賽

DAY 13
0
影片教學

小題大作的30個 HackMD 技巧系列 第 13

Day 13 : HackMD 佐 FontAwsome V4 讓文件更美

  • 分享至 

  • xImage
  •  

Day 13 : HackMD 佐 FontAwsome V4 讓文件更美

hackmd-github-sync-badge

Yes

為了讓文件更活潑,您經常會使用圖片、表情符號等方式美化文件,HackMD支援使用emoji、FontAwsome,需要注意的事情也一併說明。

使用emoji

  • 可以用的Emoji列表 https://github.com/ikatyang/emoji-cheat-sheet
  • 編輯時用冒號:開頭,會有選項,最後也是冒號:結尾,像是:mask: :mask:
  • 可以透過大標、次標的版型調整emoji大小。
    # :mask:
    ## :mask: 
    :mask:
    

可以使用 FontAwsome

  • 請使用 FontAwsome 第4版,第5版未支援。
  • https://fontawesome.com/v4/icons/
  • 搜尋想要的icon,複製該html語法,直接貼上至編輯區即可。
  • 也可以像編輯網頁,比照文件屬性調整大小、顏色等,相當好用。
  • 簡報開頭的獎盃也是來自 FontAwsome!
    <font color="#FFD700">
      <i class="fa fa-trophy" aria-hidden="true"></i>
    </font>
    

CSS Colors 更改文字顏色

  • CSS Colors
    by w3schools.com
  • 選自己喜歡的配色。
    <font color="#FFD700">Hello</font>
    <font color="A52A2A">World</font>
    

歡迎在自行嘗試,讓簡報更生動。/images/emoticon/emoticon41.gif

提供今日簡報,以及至今已公開的所有簡報,供您一次瀏覽!


上一篇
Day 12 : HackMD 的表格與簡報排版
下一篇
Day 14. HackMD 佐 Google Analytics (GA) 沒什麼困難的
系列文
小題大作的30個 HackMD 技巧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言