simpleCMS

SimpleCMS

simpleCMS 是一款開源cms 系統, 主要為個人/團隊快速開發博客或知識共享平台, 類似於hexo, worldpress, 但是他們往往需要復雜的搭建過程, 我們將複雜度降到最低, 並且有詳細的部署教程, 你只需要有一台伺服器, 就能輕鬆擁有一個屬於你的部落格平台。

simpleCMS is an open source cms system, mainly for individuals/teams to quickly develop blogs or knowledge sharing platforms, similar to hexo, worldpress, but they often require complex build process, minildm. need a server, you can easily have a blog platform that belongs to you.

? Homepage

Demo

啟動教程

1. 安裝依賴分別進入server和manage目錄，執行：

 # cd manage
yarn
# cd server
yarn

2. 本地啟動

管理端啟動：

 # cd manage
yarn start

服務端啟動：

 # cd server
yarn start

為了讓管理端能跨域呼叫server端接口， 需要在server/src/index.js 中設定跨域白名單：

 // 设置跨域
  app . use (
    cors ( {
      origin : function ( ctx ) {
        const whiteList = [
          "http://192.168.1.10:8000" , // 你的管理后台ip地址，为了支持跨域调用
        ] ; //可跨域白名单
        if (
          whiteList . includes ( ctx . request . header . origin ) &&
          ctx . url . indexOf ( config . API_VERSION_PATH ) > - 1
        ) {
          return ctx . request . header . origin ; //注意，这里域名末尾不能带/，否则不成功，所以在之前我把/通过substr干掉了，允许来自指定域名请求, 如果设置为*，前端将获取不到错误的响应头
        }
        return "" ;
      } ,
      exposeHeaders : [ "WWW-Authenticate" , "Server-Authorization" , "x-show-msg" ] ,
      maxAge : 5 , //  该字段可选，用来指定本次预检请求的有效期，单位为秒
      credentials : true ,
      allowMethods : [ "GET" , "POST" , "PUT" , "DELETE" , "OPTIONS" ] ,
      allowHeaders : [
        "Content-Type" ,
        "Authorization" ,
        "Accept" ,
        "X-Requested-With" ,
      ] ,
    } )
  ) ;

同時在manage/src/utils/index.ts配置服務端ip，

 export const SERVER_URL = 'http://192.168.1.10:3000'

部署教學

1. 靜態資源打包

在manage專案中執行：

yarn build

後會自動把項目打包到server/static目錄下，此時在server專案中執行：

yarn build

會把服務端程式碼打包，此時本地運作：

node dist/index.js

即可啟動CMS專案。

2. 服務端部署

服務端部署可以用pm2做node應用的管理器，具體使用可以參考pm2官網。

技術回饋與交流群| Technical feedback and communication