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
🎃 南瓜燈學術研究
19會員
31內容數
-客觀測量研究。 -應用統計。 -M is for Measurement.
2024/01/24
大家好!今天我要分享一個我自己改進的 reveal.js 模板。如果你在使用 Quarto 工作,歡迎試試這個模板!Quarto 是一個極實用的科學寫作工具,能應用於報告、動態文件、電子書、簡報、網頁等等。
Thumbnail
2024/01/24
大家好!今天我要分享一個我自己改進的 reveal.js 模板。如果你在使用 Quarto 工作,歡迎試試這個模板!Quarto 是一個極實用的科學寫作工具,能應用於報告、動態文件、電子書、簡報、網頁等等。
Thumbnail
看更多
你可能也想看
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
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
Thumbnail
透過 Markdown 能夠撰寫易於閱讀、撰寫的純文字,並進一步透過像是 pandoc 這樣的轉換工具,選擇性地輸出多樣化的格式(如 HTML、Word 或者 PDF。)
Thumbnail
透過 Markdown 能夠撰寫易於閱讀、撰寫的純文字,並進一步透過像是 pandoc 這樣的轉換工具,選擇性地輸出多樣化的格式(如 HTML、Word 或者 PDF。)
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News