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
想開始學塔羅卻不知道要準備哪些工具?這篇整理塔羅新手必備好物清單,從塔羅牌、塔羅布到收納袋與香氛噴霧一次入手。趁蝦皮雙11優惠打造專屬占卜空間,還能加入蝦皮分潤計畫,用分享創造收入。
Thumbnail
想開始學塔羅卻不知道要準備哪些工具?這篇整理塔羅新手必備好物清單,從塔羅牌、塔羅布到收納袋與香氛噴霧一次入手。趁蝦皮雙11優惠打造專屬占卜空間,還能加入蝦皮分潤計畫,用分享創造收入。
Thumbnail
今天不只要分享蝦皮分潤計畫,也想分享最近到貨的魔法少年賈修扭蛋開箱,還有我的雙11購物清單,漫畫、文具、Switch2、後背包......雙11優惠真的超多,如果有什麼一直想買卻遲遲還沒下手的東西,最適合趁這個購物季趕緊下單!
Thumbnail
今天不只要分享蝦皮分潤計畫,也想分享最近到貨的魔法少年賈修扭蛋開箱,還有我的雙11購物清單,漫畫、文具、Switch2、後背包......雙11優惠真的超多,如果有什麼一直想買卻遲遲還沒下手的東西,最適合趁這個購物季趕緊下單!
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。)
Thumbnail
JavaScript 能做許多事,尤其透過瀏覽器的 API 或套件,我們得以悠游於巨量資料中,將資料轉換為與使用者溝通的介面,以下就來分享 15 個實用的 Vanilla JS 程式碼...
Thumbnail
JavaScript 能做許多事,尤其透過瀏覽器的 API 或套件,我們得以悠游於巨量資料中,將資料轉換為與使用者溝通的介面,以下就來分享 15 個實用的 Vanilla JS 程式碼...
Thumbnail
目前 Vocus 平台無法像 Medium 平台一樣有 code block 的顯示功能。因此如果想在文章中分享程式碼或數學式,就只能另闢蹊徑。
Thumbnail
目前 Vocus 平台無法像 Medium 平台一樣有 code block 的顯示功能。因此如果想在文章中分享程式碼或數學式,就只能另闢蹊徑。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News