Vocus上顯示程式碼或數學式的解決方式
更新於 發佈於 閱讀時間約 1 分鐘
目前 Vocus 平台無法像 Medium 平台一樣有 code block 的顯示功能。畢竟這是一個以圖文創作為主的平台。因此如果想在文章中分享程式碼，就只能另闢蹊徑。另外，數學式的呈現無論在 Vocus 平台或是 Medium 平台都是頭痛的問題。似乎用圖片顯示是目前看來比較可行的方案。
1 程式碼：用新編輯器的 Code Block
方格子終於推出內建的程式碼區域了。
library(tidyverse)
2 數學公式：用 TeX Math Here
這是一個 Google 插件，靈感來自這篇文章。
使用效果如下：（cdf of Normal distribution）
使用 Gist 呈現程式碼
- 進入Gist，輸入完程式碼之後，
- 使用「share」進行連結分享。
- 在vocus中使用一般「嵌入」的方法即可。
- 效果：
使用 codecogs 呈現數學式
- 進入 codecogs 編輯器，
- 使用 Latex 輸入數學式，
- 選擇 10pt (normal)，resolution 300，Compressed。
- 效果：
使用 LaTeX to Unicode 呈現數學式
有時候不會用到 display 形式的數學式，而是需要 inline 形式的數學式。
這時候就適合使用 LaTeX to Unicode 這個網站，將 Latex 語法的數學式轉為 Unicode 的形式，以便於在 Vocus 上表達。
這時候就適合使用 LaTeX to Unicode 這個網站，將 Latex 語法的數學式轉為 Unicode 的形式，以便於在 Vocus 上表達。
可以調整成粗體（使用 \bf 的語法）效果比較明顯，
例如：𝟐𝐱+𝟑𝐲=𝟓（ \bf{2x+3y=5}）。
例如：𝟐𝐱+𝟑𝐲=𝟓（ \bf{2x+3y=5}）。
為什麼會看到廣告
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
Mike在不同平臺發表過文章，但最重要的事情之一是文章備份。不管是在痞克邦、WordPress、Blogger等平臺，都應該找到文章匯出的功能，這些累積的文章是一個重要的資產。然而，作者在Vocus平臺卻找不到文章匯出的方式，希望能夠得到解決方法。
理解一個全新的操作環境有時候可能是一個挑戰，尤其對於那些剛開始接觸VS Code的開發者來說，即便具備一定的英文閱讀能力，可能也會對這個陌生的操作環境感到徬徨和不安。不過，沒有必要擔心，我們接下來就來一起用短短的一分鐘時間，將VS Code轉換成最熟悉的中文環境吧！
安裝繁體中文語言包
由於VS
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
vocus 致力於讓創作者透過多元的變現方式展現你的創作動力，除了原有的訂閱、廣告、贊助功能，在去年正式推出了「數位商品」販售功能，讓你的創作能有更多樣化的呈現與變現方式。
為了讓創作者們能更輕鬆地上架數位商品，我們做了以下的功能更新，讓你在上架時更加順暢！
隨著格友們在 vocus 上分享的內容越來越豐富，vocus 不僅提供了更細緻的分類功能給創作者，還對搜尋功能進行了優化！
現在，讓格編帶你開箱這次的新介面與功能亮點吧！
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
在 Vue 中，methods和computed是用於定義元件的行為和計算屬性。本文將介紹methods和computed屬性的使用方法和區別，並通過實際範例來幫助你理解。
方格子Vocus推出新功能，包括沙龍和AI輔助寫文章，試用後對AI標題及摘要的功能認為雖然還需進一步改進，但AI可以大幅度縮短時間，幫助創作，不過創作者仍需具備基本文字能力。
嚴格來說，不能算軟體開發分類，畢竟這篇比較像是通知文與心得文，但一定要選個分類，我就選之前常發的類別。
大意其實就只是我的技術文件之後不在 vocus 更新了，可以前往我用 docusaurus 架的網站上看新的技術文章。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
Mike在不同平臺發表過文章，但最重要的事情之一是文章備份。不管是在痞克邦、WordPress、Blogger等平臺，都應該找到文章匯出的功能，這些累積的文章是一個重要的資產。然而，作者在Vocus平臺卻找不到文章匯出的方式，希望能夠得到解決方法。
理解一個全新的操作環境有時候可能是一個挑戰，尤其對於那些剛開始接觸VS Code的開發者來說，即便具備一定的英文閱讀能力，可能也會對這個陌生的操作環境感到徬徨和不安。不過，沒有必要擔心，我們接下來就來一起用短短的一分鐘時間，將VS Code轉換成最熟悉的中文環境吧！
安裝繁體中文語言包
由於VS
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
vocus 致力於讓創作者透過多元的變現方式展現你的創作動力，除了原有的訂閱、廣告、贊助功能，在去年正式推出了「數位商品」販售功能，讓你的創作能有更多樣化的呈現與變現方式。
為了讓創作者們能更輕鬆地上架數位商品，我們做了以下的功能更新，讓你在上架時更加順暢！
隨著格友們在 vocus 上分享的內容越來越豐富，vocus 不僅提供了更細緻的分類功能給創作者，還對搜尋功能進行了優化！
現在，讓格編帶你開箱這次的新介面與功能亮點吧！
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
在 Vue 中，methods和computed是用於定義元件的行為和計算屬性。本文將介紹methods和computed屬性的使用方法和區別，並通過實際範例來幫助你理解。
方格子Vocus推出新功能，包括沙龍和AI輔助寫文章，試用後對AI標題及摘要的功能認為雖然還需進一步改進，但AI可以大幅度縮短時間，幫助創作，不過創作者仍需具備基本文字能力。
嚴格來說，不能算軟體開發分類，畢竟這篇比較像是通知文與心得文，但一定要選個分類，我就選之前常發的類別。
大意其實就只是我的技術文件之後不在 vocus 更新了，可以前往我用 docusaurus 架的網站上看新的技術文章。