node blog

Node-Blog

Übungsprojekt, persönliches Blog-System geschrieben in Node.js, Backend Koa2 + Mongodb, Blog-Backend-Verwaltungsseite Vue + Element, verwenden Sie markiert + highlights.js, um die Markdown-Bearbeitungsanzeige und Code-Hervorhebung zu implementieren, verwenden Sie vue-core-image-upload + gm realisiert das Abfangen und Hochladen von Bildern.

Live-Demo

einsetzen

Wenn Sie die Bereitstellung auf Ihrem eigenen Computer durchführen möchten, müssen Sie die folgende Software installieren

• mongodb
• Knotenversion >= 7.6
• pm2 (Sie können stattdessen „forever“ usw. verwenden)

 # 安装 imagemagick，下面是 ubuntu 的安装命令，不通版本的服务器自行查找安装方式
sudp apt-get update && sudo apt-get install imagemagick
git clone https://github.com/wjs/node-blog.git
cd node-blog
npm i --production  # 前端静态已经编译好上传了，这里只需要安装后台相关的包
cp config/sample.js config/index.js
vi config/index.js  # 修改对应配置项
pm2 start app.js -i max
# 推荐用最新版 nginx 代理，开启 http2，再配合 letsencrypt 开启 https

Bei Ihrem ersten Besuch rufen Sie bitte das Backend-Verwaltungsportal auf, um die Site zu initialisieren.

• Eingang zur Rezeption des Blog-Systems: /
• Zugang zur Backend-Verwaltung des Blog-Systems: /admin

Wie zu verwenden

Sollte die Blog-Funktion nicht ausreichen oder das Theme nicht passen, können Sie das Projekt gerne forken und selbst modifizieren, übrigens mit einem Stern versehen.

npm start # 起 server
npm run dev # 编译前端静态
npm run build # 打包前端静态

Todo

• Grundfunktionen des Blog-Frontends: Listenseite (Paginierung), Detailseite, Unterstützung für Code-Hervorhebung
• Blog-Backend-Verwaltungsfunktionen: Site-Initialisierung, Administrator-Anmeldung, Hinzufügen, Löschen, Ändern von Blogs sowie Site- und Administrator-Informationsverwaltung
• Optimierung des Markdown-Editors
• Blog-Suche
• Bild-Upload
• Persönliche Informationsanzeige
• Kompatibel mit Mobiltelefonen
• Cache
• Datensicherung und -wiederherstellung

Lizenz

MIT