當前位置: 妍妍網 > 碼農

2k star!一款國人開發的部落格計畫,清新優雅~~

2024-03-15碼農

* 戳上方藍字「 開源先鋒 」關註我

推薦閱讀:


大家好,我是開源君!

今天分享一款國人開發的部落格計畫 - NBlog

計畫介紹

NBlog 是一個基於 Spring Boot + Vue 的前後端分離部落格系統,它將前端頁面和後端邏輯完全分離,使得開發和維護更加靈活和易於擴充套件。

NBlog 的主要功能包括:

  • 文章管理:支持文章釋出、編輯、刪除、置頂、分類、標簽等功能。

  • 分類管理:支持分類添加、編輯、刪除等功能。

  • 標簽管理:支持標簽添加、編輯、刪除等功能。

  • 評論管理:支持評論釋出、回復、刪除等功能。

  • 使用者管理:支持使用者註冊、登入、修改密碼等功能。

  • 友鏈管理:支持友鏈添加、編輯、刪除等功能。

  • 系統設定:支持系統設定、站點資訊、SMTP 信箱配置等功能。

  • 效能特色

  • 采用前後端分離架構,開發和維護更加靈活和易於擴充套件。

  • 基於 Spring Boot 和 Vue 構建,效能穩定可靠。

  • 支持多種資料庫,包括 MySQL、PostgreSQL、Oracle 等。

  • 支持多種主題,可自由更換。

  • 支持 Markdown 編輯器,方便寫作。

  • 支持評論系統,方便交流互動。

  • 支持搜尋功能,方便尋找文章。

  • 支持 SEO 最佳化,提高網站排名。

  • 安裝部署

    1、建立 MySQL 資料庫 nblog,並執行 /blog-api/nblog.sql 初始化表數據 2、修改配置資訊 /blog-api/src/main/resources/application-dev.properties,包括資料庫連線資訊、Redis配置等
    3、安裝 Redis 並啟動,確保後續的數據緩存和儲存正常執行
    4、啟動後端服務,確保後台介面服務可以正常存取
    5、在 blog-cms 目錄下執行 npm install 安裝前台頁面相關依賴
    6、在 blog-cms 目錄下執行 npm run serve 啟動後台管理頁面
    7、在 blog-view 目錄下執行 npm install 安裝前台頁面相關依賴
    8、在 blog-view 目錄下執行 npm run serve 啟動前台展示頁面,以供使用者存取

    作者還列出了一些安裝部署中可能會遇到的常見問題和註意事項,小夥伴們可以參考。

    計畫展示

    計畫作者提供了一個前後台demo地址:

    前台:https://naccl.top 後台:https://admin.naccl.top

    先看前台,預設的是文章居中,兩邊分別是作者資訊和過往文章等。

    頁面頂部還有自訂的欄目。

    作者的一些資訊

    接下來到後台看看,進來就是後台看板,可以直觀展示部落格文章、訪客資訊。

    左邊則是部落格管理、系統管理等功能計畫。

    部落格管理

    頁面管理

    圖床管理,支持配置 Github、又拍雲、騰訊雲的圖床。

    還有定時任務功能、日誌管理(包括任務、登入、操作、訪客日誌),訪客數據統計(記錄訪客的IP、作業系統、存取時間、頁面記錄)等等功能。

    另外,計畫還可以配置 bot 以及還有一些隱藏功能,感興趣的小夥伴可以自行去計畫地址探索~

    計畫地址:
    https://github.com/naccl/nblog