用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog
經過了十天,稍微回顧一下,目前的進度: 我們現在有一個 Nuxt 2.0 應用,UI framework 是使用 Vuetify,並透過 storybook 協...
如果看過上一篇的 layout/default 的截圖,可以大概了解 blog 的樣子。 這邊先簡單拆分為兩個部分: 管理者相關(使用 layout/admi...
上一篇將 blog 所需要的頁面整體結構都建好了,但其實內容都還沒有做啊。 因為會用到許多套件,接下來的篇幅,會先將頁面所需要的元件寫完,再完成所有頁面的切版與...
markdown-it 是一個 markdown parser。 官方 Demo 因為個人很喜歡寫 markdown,所以當然部落格也要可以用 markdown...
highlight.js 可以幫助我們寫出有高亮的 markdown。 其實已經有寫好的 markdown-it 套件,markdown-it-highligh...
經過了前面兩篇新增了 markdown-it 和 highlight.js,今天來開發 TheMarkdown 元件,因為所需要的套件和設定都已經在前兩篇完成,...
~~快要爆炸啦~~~~最近要趕工作~~~~快要齁不住了~~ 今天來寫一個文章摘要預覽的元件,主要有兩種模式: default: 使用者會看到的模式。 admi...
今天會擴充套件 codemirror 和 vue-codemirror。使我們在部落格中編輯或發佈文章時,輸入的 markdown 是會有高亮的,這篇是為了之後...
開始之前先強調一下,工具的選擇取決於使用情境,還有個人喜好,本篇會根據自己的使用經驗,分享為何自己選擇 simple-vue-validator 而不是其他的套...
今天開發的 FormAddPost 主要功能為 新增/修改 一篇文章的表單。 會用到之前寫的元件: TheMarkdown vue-codemirror Po...