編輯器介紹與教學
方格子 vocus
方格子 vocus

編輯器介紹與教學

2021-12-20|閱讀時間約 5 分鐘
最後更新日期:2022/08/04
新編輯器正式推出,若你已經是方格子的創作者,只要登入方格子,就能在右上角看到「開始寫作」的按鈕,接著跟著格編的腳步,手把手帶你認識新編輯器。
  • 還不是方格子的創作者嗎?▷ 立即成為會員即可開始創作
  • 想使用手機發佈內容的創作者 ▷ 手機編輯器教學
  • 請注意:在 Safari 瀏覽器內使用編輯器時,較容易出現畫面位移、跳行等狀況,工程獅持續在努力修復、克服當中!Chrome 瀏覽器則無此問題,還請大家多多包涵見諒,當我們完全修復此問題時,也會第一時間公告給大家知道。
方格子編輯器有3個部分:
  • 左側功能欄:包含調整內容體例功能,例如標題大小、文字置中等
  • 插入功能列:讓內容錦上添花的功能,例如插入圖片、嵌入網站等
  • 反白功能列:改變文字樣式的功能,如粗體、斜體、建立超連結等
不用擔心找不到,接下來會一一為你介紹~

❶ 左側功能欄

  • 大小標題設定:設定好的大小標(H2, H3),不只可以讓讀者們可以更快速地掌握文章脈絡,還可以提升文章 SEO 價值,並成為文章左側的章節目錄。
連續點擊可切換大小標題,而系統會自動擷取標題作為左方的「章節目錄」
  • 引言:兩種引言格式,可自由挑選。善用引言來凸顯文章中的重點語句,也能讓讀者更瞭解文章的亮點。
  • 程式碼:工程師們的福音!當你想要分享火星文時,可以使用這個功能,讓你的火星文看起來更優雅。或是想要讓程式碼看起來更美,也推薦使用 GitHub gist 分享
  • 變更對齊:可依照創作情境,變更文字擺放位置,可選擇置左、置中、置右。
  • 圓點項目符號:可用於「條列式」說明
  • 數字項目符號:可用於「步驟」說明
  • 關燈:長時間寫作時,可以讓眼睛更舒適,減少螢幕光害 (格編私心愛關燈寫)

❷ 插入功能列

將游標移到新段落處,「+」就會出現了,點開「+」後會出現4個功能鍵。
*小提醒:找不到「插入編輯器」的話,別太緊張,按下 Enter 鍵或將游標移到新段落處,「+」就會出現了。
將滑鼠移到左方「+」,點開「+」後會出現4個功能鍵
  • 插入圖片:從自己的裝置中上傳圖片
  • 插入免費圖庫:透過 Unsplash 提供的免費圖庫服務,輸入關鍵字為文章插入美麗圖片
  • 嵌入網站:如果你想把某個網址內容直接嵌入在文章中,可以使用這個功能。不只是方格子站內的內容,像 YouTube、Spotify 、 SOUNDCLOUD 等影音平台的內容也能在內文中點選播放。
    因為各平台的網址有限制的 URL 格式,如果網站本身自己有設定的話,建議使用各平台提供的嵌入功能內的連結,才能正確使用。
  • 分隔線:在文章中插入分隔線,讓讀者可以在閱讀長文時有喘息空間(看看下面那一條)

圖片設定工具

圖片發布之後,點選圖片可以再做其他設定
  • 圖片位置:可選擇 ❶偏左 ❷置中 ❸滿版
  • 霧化:如果你的圖片有點殘忍、血腥、兒童不宜,或是你想製造一些驚喜感(例如不想爆雷),可以使用「圖片霧化」功能,這樣你的圖片就會被霧化,讀者需要先點擊圖片,才能看到清晰完整的圖片內容。
  • 圖片文字敘述欄:可以用來敘述圖片內容,或是圖片的說明

❸ 反白功能列

如果你想對某些文字進行更細微的編輯,請先選取(反白)目標文字,就能看到更多功能鍵,不論是文章內文、還是圖片文字敘述欄都可以使用喔!
選取(反白)目標文字
反白功能列裡頭有以下功能
  1. 字體:粗體、斜體、刪除線、底線
  2. 華文常用符號:【】、「」、〔〕、《》、〈〉、“”
  3. 建立超連結:當你需要在文章內放入連結時,建議選取文字、建立超連結(成功建立後,該段文字會變紅色);或選擇使用「插入功能列」裡頭的嵌入網站,文章的排版看起來會較清爽!

❹ 快捷鍵功能

平時有習慣使用快捷鍵,或是 Markdown 語法的創作者們的福星來啦!
點選編輯器右下角的鍵盤符號後會彈出快捷鍵的說明欄,其中有「常用快捷鍵」與「Markdown 語法表」
  • 文字格式:將想要變更格式的文字反白後,點選「control + 指令鍵」(Mac 用戶的話則是 「command + 指令鍵」)
  • 段落操作:適當的使用「enter 換段落(比較大的間距)」或是「shift enter 換行(比較小的間距)」可以讓文章的閱讀體驗更佳
  • Markdown 語法:善用 Markdown ,當你在敲打鍵盤創作時,就不需要使用滑鼠點來點去切換格式囉

最後,再跟你講一個方格子編輯器的重點!
即時儲存
編輯器提供了即時儲存的功能,每當內容有了變動,編輯器便會每 10 秒自動儲存一次。儲存完成後,會在編輯器的左上方顯示「請放心,內容已自動儲存到本機端」(如下圖)。寫到哪裡就儲存到哪裡,讓寫作變成一件更加舒服的事情。
詳細使用說明▷ 編輯器功能:編輯紀錄,讓你寫文時多一層保障!編輯器功能:編輯紀錄,讓你寫文時多一層保障!編輯器功能:編輯紀錄,讓你寫文時多一層保障!

編輯完內容了?下一步▷ 準備發佈內容的細節設定
以上是編輯器教學,如果在使用的過程中有任何需要,都歡迎寄信至以下信箱,將有小幫手為你解惑哦! [email protected]
0
贊助支持創作者,成為他繼續創作的動力吧!
作者介紹
方格子 vocus 官方帳號,這裡將分享方格子的重要動態、品牌信念實踐與未來發展,讓閱讀及創作的美好在此發生。邀請你追蹤我,掌握最新動態。也歡迎追蹤下方的 vocus 官方社群!(vocus and friends NFTs 的即時消息、創作者交流,歡迎點選地球符號前往 vocus Discord)
本文發佈於
方格子作者們的常見Q&A與相關教學文章都在這!找找看是否有你想要的答案吧。
如果要發表留言,請先登入註冊會員
領取見面禮
只要設定追蹤作者,即可享有
48 小時 Premium 閱讀權限