# iBlog
基于 Node.js 的开源个人博客系统,现代化的 UI 和用户体验。支持桌面端和移动端访问,支持深色模式,支持 [Docker](https://www.docker.com/) 部署。
**不仅仅是博客,更是 Demo**,是适合新人入门学习的完整项目。
## 目录
- [界面预览](#界面预览)
- [在线实例](#在线实例)
- [分支说明](#分支说明)
- [技术构成](#技术构成)
- [快速开始](#快速开始)
* [准备条件](#准备条件)
* [安装依赖](#安装依赖)
* [启动站点](#启动站点)
* [Debug](#debug)
- [系统设置](#系统设置)
- [线上部署](#线上部署)
* [使用PM2](#使用pm2)
* [使用noginx](#使用noginx)
- [Docker](#docker)
* [安装Docker](#安装docker)
* [制作镜像](#制作镜像)
* [创建容器](#创建容器)
* [容器管理](#容器管理)
- [更新日志](#更新日志)
- [TODO](#todo)
- [许可协议](#许可协议)
## 界面预览
* 博客首页
![首页](./preview_1.png)
* 后台管理
![后台](./preview_2.png)
* 移动端
![移动端](./preview_3.png)
## 在线实例
我的博客 [https://skysun.name/](https://skysun.name/)
## 分支说明
* 当前分支 (v2.0.0) 基于 [TypeScript](https://www.typescriptlang.org/) + [NuxtJS](https://nuxtjs.org/)
* [v1.0.0](https://github.com/eshengsky/iBlog/tree/v1.0.0) 分支基于 JavaScript + [ExpressJS](https://expressjs.com/)
* [iBlog.Net](https://github.com/eshengsky/iBlog.Net) 基于 C# + [ASP.NET](https://dotnet.microsoft.com/apps/aspnet)
## 技术构成
* 开发语言 [TypeScript](https://www.typescriptlang.org/)
* 服务端 [Node.js](https://nodejs.org/)
* SSR框架 [NuxtJS](https://nuxtjs.org/)
* 前端框架 [Vue](https://vuejs.org/)
* 组件库 [Ant Design of Vue](https://www.antdv.com/docs/vue/introduce-cn/)
* Web字体 [Font Awesome](https://fontawesome.com/)
* 持久化 [MongoDB](https://www.mongodb.org/)
* 身份验证 [@nuxtjs/auth](https://auth.nuxtjs.org/)
## 快速开始
### 准备条件
安装 [Node.js](https://nodejs.org/en/download/) (v8 以上版本)、[MongoDB](https://www.mongodb.org/downloads/)。
推荐安装 [Yarn](https://yarnpkg.com/) 而非 npm 以进行包管理。
### 安装依赖
```Shell
$ yarn
```
### 启动站点
* 开发模式
```Shell
$ yarn run dev
```
* 生产模式
先编译项目
```shell
$ yarn run build
```
再启动站点
```shell
$ yarn start
```
打开浏览器,访问 [http://localhost:9000/](http://localhost:9000)
### Debug
* 要启动前端代码调试,请直接在 Chrome Dev Tools - Sources 面板中进行。
* 要启动服务端代码调试,请以如下命令启动服务,然后点击 Chrome Dev Tools 左上角的 Node.js 按钮,就可以像调试前端代码一样调试服务端了。
```shell
$ node --inspect node_modules/.bin/nuxt-ts
```
#### Enjoy it! :smile:
## 系统设置
根据实际情况修改 `/blog.config.ts` 配置文件,修改后需要重启服务器才能生效。
参数说明:
#### host
`String` 类型,主机名,配置为 `0.0.0.0` 表示监听任意主机。
#### port
`Number` 类型,端口号。
#### enableHTTPS
`Boolean` 类型,是否启用 HTTPS。
#### mongoUrl
`String` 类型,MongoDB 链接。
#### jwtSecret
`String` 类型,[JWT](https://github.com/auth0/node-jsonwebtoken) 秘钥。
## 线上部署
### 使用PM2
推荐使用 [pm2](https://pm2.keymetrics.io/) 进行 Node.js 的进程管理和持久运行。
#### 安装
```Shell
$ yarn global add pm2
```
#### 启动
```Shell
$ pm2 start pm2.json
```
### 使用noginx
[noginx](https://github.com/eshengsky/noginx) 是基于 Node.js 的 HTTP 及反向代理服务器(类似 nginx),如果你有多台 iBlog 服务器实例,你可以使用 [noginx](https://github.com/eshengsky/noginx) 进行代理转发和负载均衡。
## Docker
iBlog 支持使用 [Docker](https://www.docker.com/) 容器快速部署并启动项目。
### 安装Docker
在 [官方下载页面](https://www.docker.com/get-started) 选择对应平台的 Docker Desktop 下载并安装。
### 制作镜像
在项目根目录下执行如下命令创建镜像文件:
```Shell
$ yarn run dockerImage
```
如果创建成功,你可以使用如下命令查看到生成的镜像:
```Shell
$ docker image ls
```
### 创建容器
执行如下命令创建容器:
```Shell
$ yarn run dockerRun
```
### 容器管理
通过 Docker Desktop 执行启动、停止、查看日志等操作。
![Docker Desktop](./preview_4.png)
## 更新日志
请直接查看 [Commit](https://github.com/eshengsky/iBlog/commits/master) 记录。
## [TODO](./TODO.md)
项目的后续更新计划,欢迎提交 [PR](https://github.com/eshengsky/iBlog/pulls)。
## 许可协议
MIT License
Copyright (c) 2020 Sky.Sun 孙正华
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行! 基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行! 基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行!
资源推荐
资源详情
资源评论
收起资源包目录
基于 Node.js 的开源个人博客系统,采用 Nuxt + Vue + TypeScript 技术栈。.zip (300个子文件)
server.crt 1KB
main.css 5KB
Dockerfile 131B
.dockerignore 55B
.gitignore 1KB
favicon.ico 4KB
editor-emoji-plugin.js 7KB
darkmode.js 818B
.eslintrc.js 258B
package.json 2KB
tsconfig.json 562B
launch.json 422B
pm2.json 117B
server.key 2KB
article.less 3KB
LICENSE 1KB
yarn.lock 445KB
README.md 6KB
TODO.md 958B
README.md 241B
preview_1.png 909KB
preview_3.png 512KB
preview_4.png 365KB
preview_2.png 225KB
iBlog-logo.png 14KB
icon.png 14KB
header-sider.png 6KB
alarm-clock.png 6KB
taco.png 6KB
coconut.png 5KB
hamburger.png 5KB
pie.png 5KB
partying-face.png 5KB
pancakes.png 5KB
doughnut.png 5KB
basketball.png 5KB
pizza.png 5KB
bacon.png 5KB
cookie.png 5KB
money-with-wings.png 5KB
pineapple.png 5KB
sloth.png 5KB
watermelon.png 5KB
sushi.png 4KB
christmas-tree.png 4KB
jack-o-lantern.png 4KB
hugging-face.png 4KB
american-football.png 4KB
hot-dog.png 4KB
party-popper.png 4KB
avocado.png 4KB
baseball.png 4KB
clown-face.png 4KB
frog.png 4KB
soccer-ball.png 4KB
panda.png 4KB
loudly-crying-face.png 4KB
teddy-bear.png 4KB
cut-of-meat.png 4KB
ghost.png 4KB
cherry-blossom.png 4KB
skull-and-crossbones.png 4KB
hibiscus.png 4KB
exploding-head.png 4KB
cherries.png 4KB
cat-with-tears-of-joy.png 4KB
unicorn.png 4KB
peach.png 4KB
face-with-steam-from-nose.png 4KB
birthday-cake.png 4KB
rabbit-face.png 4KB
smiling-cat-with-heart-eyes.png 4KB
ice-cream.png 4KB
nerd-face.png 4KB
bottle-with-popping-cork.png 4KB
bicycle.png 4KB
strawberry.png 4KB
dog-face.png 4KB
spouting-whale.png 4KB
smiling-face-with-horns.png 4KB
angry-face-with-horns.png 4KB
monkey-face.png 4KB
pool-8-ball.png 4KB
face-with-hand-over-mouth.png 4KB
rolling-on-the-floor-laughing.png 4KB
face-vomiting.png 4KB
clapping-hands.png 4KB
lollipop.png 4KB
cupcake.png 4KB
hot-beverage.png 4KB
tumbler-glass.png 4KB
cold-face.png 4KB
pile-of-poo.png 4KB
sandwich.png 3KB
sweat-droplets.png 3KB
smiling-face-with-hearts.png 3KB
pleading-face.png 3KB
cow-face.png 3KB
ok-hand.png 3KB
airplane.png 3KB
共 300 条
- 1
- 2
- 3
资源评论
白话机器学习
- 粉丝: 1w+
- 资源: 7671
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功