iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0

昨天我們終於可以毫無負擔的寫起文章了,但寫了幾篇,發現有些奇怪。為什麼我在 Obsidian 上有換行的地方,到了 Nuxt Conten 的網站就沒有了呢?

若是空兩行,他就會變成一個自主的段落,不是我想要的單純換行的效果:

遇到這種情況只需要安裝 remark-breaks 這個 remark 套件的插件即可。

先透過 pnpm 套件管理器的安裝套件

$ pnpm install -D remark-breaks

再將其加入 Nuxt 的設定檔 nuxt.config.ts 即可。

export default defineNuxtConfig({
  // ...
  content: {
    markdown: {
      remarkPlugins: ['remark-breaks'],
    },
  },
})

其實原本 remark 套件也是可以換行的,但是會需要在行尾加入兩格空白、反斜線,像是:

hello, Nuxt and Obsidian␠␠
hello, my digital garden\
hello, world

但這樣其實是與平時寫作的所見所得的體驗衝突的,remark-breaks 這個插件就是協助程式將一般 enter 直接轉成和透過兩格空白與反斜線一樣的效果。

若是原本就有兩格空白與反斜線的內容,也會和原本的表現一樣。


上一篇
將文章與網站的版本控制分離
下一篇
讓網站樣式渲染變得更好閱讀
系列文
用 Nuxt Content 搭配 Obsidian 建立自己的 Digital Garden30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言