個人部落格開發系列 前台部落格頁面開發部署完成

2021-09-14 04:42:27 字數 1210 閱讀 1766

之前使用js + html5 + css3 + node.js + express.js + mongodb開發過乙個部落格**,也部署了一段時間,但當時剛開始搞前端,寫的不是很滿意。後來就廢棄了。今年又使用hexo + github pages部署了乙個部落格,但自由度太低。所以最後還是決定重新寫乙個部落格。
此篇文章先介紹下前台部落格頁面。

vue.js + nuxt.js + scss + es6/7 + node.js + koa.js + mysql + redis

talk is cheap. show me the code.

掃碼訪問:

首頁

歸檔

實驗室專案

自適應手機端首頁

自適應手機端目錄

整個技術棧對我來說nuxt.js算是第一次接觸,跟vue.js的單頁面應用的方式還是有點區別的,不過多看看文件和多搜尋下問題不大。

最後還是得求一波star和fork的。

個人部落格開發系列 文章實時儲存

使用websocket來進行瀏覽器與伺服器的實時通訊 服務端使用定時任務 如每天凌晨3點 將redis快取的資料儲存到mysql資料庫中 瀏覽器端初次進入新增文章頁面時,使用websocket從服務端獲取資料 先從redis中查詢,如果沒有則再從mysql資料庫中查詢 使用vue.js的watch來...

個人部落格開發流程

成品 見公告 個人部落格站點 1 列出部落格大綱 用來幹什麼 為什麼要做 怎麼做 2 列出部落格的需求點 4 用workbench畫出資料字典 5 開發好後列出我的部落格測試文件,逐個測試。6 上線。7 覆函 a 這次開發花了兩個月的閒暇時間,其中60 以上花在了前端上。a.1 自己的前端功力還有待...

個人部落格開發 開篇

很久以前就有這個想法,自己動手開發一套個人部落格系統,終於,現在開始邁出了第一步。做這件事一點是做乙個有個人風格的部落格系統,第二點是對做這件事所使用的技術棧進行學習,所謂最好的學習就是實踐,不求開發的多好,現在的期許是能跑通整個流程,流程通了再去考慮ui方面的東西。接下來的每一步都會在這裡記錄下來...