Vocus上顯示程式碼或數學式的解決方式

更新於 發佈於 閱讀時間約 2 分鐘

目前 Vocus 平台無法像 Medium 平台一樣有 code block 的顯示功能。畢竟這是一個以圖文創作為主的平台。因此如果想在文章中分享程式碼,就只能另闢蹊徑。另外,數學式的呈現無論在 Vocus 平台或是 Medium 平台都是頭痛的問題。似乎用圖片顯示是目前看來比較可行的方案。

1 程式碼:用新編輯器的 Code Block

方格子終於推出內建的程式碼區域了。

library(tidyverse)

2 數學公式:用 TeX Math Here

這是一個 Google 插件,靈感來自這篇文章


使用效果如下:(cdf of Normal distribution)

raw-image








使用 Gist 呈現程式碼

  1. 進入Gist,輸入完程式碼之後,
  2. 使用「share」進行連結分享。
  3. 在vocus中使用一般「嵌入」的方法即可。
  4. 效果:

使用 codecogs 呈現數學式

  1. 進入 codecogs 編輯器,
  2. 使用 Latex 輸入數學式,
  3. 選擇 10pt (normal),resolution 300,Compressed。
  4. 效果:
raw-image

使用 LaTeX to Unicode 呈現數學式

有時候不會用到 display 形式的數學式,而是需要 inline 形式的數學式。
這時候就適合使用 LaTeX to Unicode 這個網站,將 Latex 語法的數學式轉為 Unicode 的形式,以便於在 Vocus 上表達。

可以調整成粗體(使用 \bf 的語法)效果比較明顯,
例如:𝟐𝐱+𝟑𝐲=𝟓( \bf{2x+3y=5})。






留言
avatar-img
留言分享你的想法!
南瓜太郎-avatar-img
發文者
2023/08/11
方格子上寫數學符號的方法 (2)。提及了這篇文章,趕快過去看看吧!
默默無名-avatar-img
2022/01/30
您好,編輯器更新後可以嵌入程式碼了。
avatar-img
🎃 南瓜燈學術研究
17會員
31內容數
-客觀測量研究。 -應用統計。 -M is for Measurement.
2024/01/24
大家好!今天我要分享一個我自己改進的 reveal.js 模板。如果你在使用 Quarto 工作,歡迎試試這個模板!Quarto 是一個極實用的科學寫作工具,能應用於報告、動態文件、電子書、簡報、網頁等等。
Thumbnail
2024/01/24
大家好!今天我要分享一個我自己改進的 reveal.js 模板。如果你在使用 Quarto 工作,歡迎試試這個模板!Quarto 是一個極實用的科學寫作工具,能應用於報告、動態文件、電子書、簡報、網頁等等。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
Vocus 新增了沙龍功能,目的是為了取代原本的「專題」,我這篇就來分享一下我目前摸索沙龍的經驗
Thumbnail
Vocus 新增了沙龍功能,目的是為了取代原本的「專題」,我這篇就來分享一下我目前摸索沙龍的經驗
Thumbnail
程式碼第二版 1027 剛剛發現之前的程式碼已經不能使用了,我想可能是因為html結構有所改變,另外也想順便處理一下數字如果是含有"K"的數字時,順便轉化一下,時間有限,所以想知道來龍去脈請看下面文章。 【教學】如何用程式碼追蹤Vocus文章每日流量?第一版 【教學】如何用程式碼追蹤V
Thumbnail
程式碼第二版 1027 剛剛發現之前的程式碼已經不能使用了,我想可能是因為html結構有所改變,另外也想順便處理一下數字如果是含有"K"的數字時,順便轉化一下,時間有限,所以想知道來龍去脈請看下面文章。 【教學】如何用程式碼追蹤Vocus文章每日流量?第一版 【教學】如何用程式碼追蹤V
Thumbnail
編輯器是 vocus 創作者最常接觸的功能,為了讓使用者在手機與桌機裝置都更順暢使用,並且便於日後的功能優化,我們進行了底層技術上的調整。這一次,我們不僅改善行動裝置的創作體驗、修正手機版的閃跳問題,還在編輯器新增了幾種實用功能,因此,本次推出的新版編輯器——不只是功能進化,更是創作體驗全面優化!
Thumbnail
編輯器是 vocus 創作者最常接觸的功能,為了讓使用者在手機與桌機裝置都更順暢使用,並且便於日後的功能優化,我們進行了底層技術上的調整。這一次,我們不僅改善行動裝置的創作體驗、修正手機版的閃跳問題,還在編輯器新增了幾種實用功能,因此,本次推出的新版編輯器——不只是功能進化,更是創作體驗全面優化!
Thumbnail
連結在此:https://carbon.now.sh/ 範例:像下面這樣(不過這是比較沒有顏色的例子啦)。 可以呼應很久以前一篇文:Vocus上顯示程式碼或數學式的解決方式 E
Thumbnail
連結在此:https://carbon.now.sh/ 範例:像下面這樣(不過這是比較沒有顏色的例子啦)。 可以呼應很久以前一篇文:Vocus上顯示程式碼或數學式的解決方式 E
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News