vocus 編輯器使用秘笈

編輯器是 vocus 創作者最常接觸的功能之一,也是創作內容的必備工具,透過這篇文章,格編將會帶你認識 vocus 編輯器的所有功能,一起來看看吧!

vocus 編輯器主要包含以下使用範圍:

  • 上方功能列:包含了創作內容時,會使用到的大部分功能,例如:標題大小、文字對齊、插入多媒體、復原……等等

  • 圖片功能列:改變圖片樣式的功能

  • 反白功能列:改變文字樣式的功能,如粗體、斜體、建立超連結等反白功能列:改變文字樣式的功能,如粗體、斜體、建立超連結等

  • 拖曳按鈕

  • 即時儲存功能

接下來,就讓格編一一為你介紹!

一、上方功能列

上方功能列一共包含了 12 種豐富的功能,可供創作者依照自身需求、內容類型而靈活運用。各個功能由左至右詳述如下:

目錄

為內容設定標題後,編輯器將可顯示目錄,若點擊目錄當中的標題,可以直接跳轉至對應的內容段落。

插入多媒體

按下 Enter 鍵開啟新段落後,插入多媒體的按鈕即會啟用。點擊後,將另外展開多媒體功能列,並支援以下功能:

  • 上傳圖片:從自己的裝置中上傳圖片,可點選「選取檔案」上傳,或是直接將圖片拖曳至上傳區,上傳後,各個圖片將獨立顯示。

建議上傳圖片格式:.png 檔案

  • 插入多圖輪播:從自己的裝置中上傳圖片,並在一個區塊中多個可點選「選取檔案」上傳,或是直接將圖片拖曳至上傳區,上傳後,圖片即可以輪播圖卡的方式呈現,並可左右滑動。

  • 拖曳上傳:你也可以直接將電腦中的多張檔案,拖曳到編輯器中,即可完成上傳。圖片最多為 10 張,格式僅接受 jpg, png, gif。

  • 插入圖庫圖片:如果你想要在創作中附上精美的配圖,可以使用此功能,從 Unsplash 圖庫插入精美的圖片素材,或是從 Giphy 插入與你的內容相符的 GIF 圖片,只要輸入對應的關鍵字,即可搜尋到相關的圖片。

  • 嵌入網站:如果你想把某個網址內容直接嵌入在文章中,可以使用這個功能。不只是 vocus 站上的內容,如果透過此功能嵌入 YouTube、Spotify、SoundCloud 等影音平台的內容,即可直接在內容的閱讀頁點選播放。因為各平台的網址有限制的 URL 格式,如果網站本身自己有設定的話,建議使用各平台提供的嵌入功能內的連結,才能正確使用。

目前支援嵌入的服務如下(實際以功能內顯示的為主):

插入分隔線

在內容適時地插入分隔線,可以讓段落更加分明。

標題

設定清楚的大小標(H2、H3),不只可以讓更清晰地傳達內容脈絡,還可以提升文章 SEO 價值。連續點擊即可切換大小標題,而系統也會自動擷取標題作為此篇內容的「章節目錄」。

引用

提供兩種引言格式,連續點擊即可自由切換。善用引言來凸顯創作內容裡面的重點語句,也能讓讀者更瞭解內容亮點。

程式碼區塊

工程師與開發者的福音!不僅開放多種技術語言供你自由選擇,更有複製程式碼,以及 Prettier 程式碼自動排版功能,以及多采的語法突顯,讓程式碼看起來更加漂亮美觀。

變更對齊

可依照創作情境,變更文字擺放位置,預設置左,連續點擊即可調整為置中、置右,或是恢復置左。

圓點項目符號、數字項目符號

圓點項目符號可用於「條列式」說明,羅列內容;而數字項目符號可用於「步驟」說明,更好地強調內容的順序。

提及

可提及 vocus 的會員或文章,被提及的對象將即時收到小鈴鐺通知。

除了點選此按鈕之外,直接在編輯器輸入 @ 符號,也可以直接使用提及功能。

復原

復原上一步輸入的內容。

取消復原

取消已進行的復原。

夜間模式

長時間創作時,可以讓眼睛更舒適,減少螢幕光害。點擊一次將進入夜間模式,點擊第二次,將恢復開燈模式。

二、圖片功能列

匯入一般圖片後,點選圖片即可再做其他設定。其中,圖片置中、滿版、置左的功能僅供一般圖片使用,在多圖輪播格式尚不支援。

三、反白功能列

如果你想對某些文字進行更細微的編輯,只要選取(也就是反白)目標文字,就能看到反白功能列出現,裡頭有以下功能:

  • 粗體、斜體、刪除線、底線:可適時地強調欲凸顯的內容重點。

  • 程式碼功能:清楚區別程式碼與一般文字,提升易讀性。

  • 上標/下標:可做為註腳、數學公式、化學方程式使用。

  • 超連結:當你需要在文章內放入連結時,建議選取文字、建立超連結(成功建立後,該段文字會變成藍色);或選擇使用「插入功能列」裡頭的嵌入網站,文章的排版看起來會較清爽。

💡 貼心提醒:如果要使用「超連結」功能,可以選取文字後直接貼上網址就可帶入!不必點選超連結按鈕!

四、拖曳按鈕

如果使用桌機進行編輯,當游標移動到對應區塊時,將自動顯示「拖曳按鈕」。按住此按鈕並移動游標後,即可移動內容區塊,在想要調換內容順序時,更加方便。所有編輯器內的區塊(例如:圖片、文字、程式碼、嵌入網址…⁢…等等)都可以拖曳喔!

五、即時儲存功能

vocus 的編輯器提供即時儲存的功能,每當編輯器的內容有所更動,編輯器便會每 5 秒自動儲存一次,並在儲存完成後,於編輯器的左上方顯示綠燈與「已自動儲存」的字樣。隨手創作、自動儲存,讓創作變成一件更加舒服的事。

希望查詢過往最新幾筆的自動儲存紀錄時,也可以透過右上角的「…」,查看編輯紀錄。如果想要進一步瞭解編輯紀錄,歡迎前往查看「如何查看編輯紀錄?」。

以上就是 vocus 編輯器的使用說明,期待你透過 vocus 編輯器提供的各式功能盡情揮灑創意,玩轉出不同的創作火花!

Last updated