搭建博客

 

 

8 种方式搭建博客，总有一款适合你

AI悦创

 

任何行业持续发展都依赖于经验的日积月累。要让自己的职业之路走得更远，重点在学、用、总结、分享。当今是自媒体的时代，虽然信息爆炸，但我们还是要沉掉一些东西的，我想最佳的方式就是写博客，不仅可以对现有经验做总结和反思，也可通过博客帮到其他人，何乐而不为。

每一篇文章的背后，都存有对技术的热枕，不被磨灭！

 

8 种方式搭建博客，总有一款适合你（中）_编程目录

  1. Java 开源项目 mBlog 搭建博客

  1. ThinkJS + MySQL 搭建博客

  2. VuePress +Gitee 搭建博客

 

8 种方式搭建博客，总有一款适合你（中）_编程4. Java 开源项目 mBlog 搭建博客8 种方式搭建博客，总有一款适合你（中）_编程_03

4.1 特点

  • 开源

  • 运行简单

  • 自定义扩展

4.2 前提

  • 掌握 Linux 环境基本操作：cd（目录切换）、mv（移动文件）、cp（复制文件）

  • 安装 Docker，Docker 是一个开源的应用容器引擎，让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。

  • 安装 Docker-compose，Docker Compose 是一个用来定义和运行复杂应用的 Docker 工具。一个使用 Docker 容器的应用，通常由多个容器组成。使用 Docker Compose 不再需要使用 Shell 脚本来启动容器。

4.3 运行项目

1. 下载项目

  •  
 git clone https://gitee.com/mtons/mblog.git

 

2. Linux 安装 Docker

  •  
 yum update #更新yum yum -y install docker #安装 docker systemctl start docker.service #启动 docker 服务 yum install docker-compose #安装 docker-compose docker-compose version #查看版本

 

3. 启动项目

  •  
 cd mblog #切换目录 docker-compose up -d #启动博客 docker logs -t -f mtons-blog #查看日志

 

4. 运行效果

浏览器访问：http://localhost:8080，效果如下图。

  • 账号：admin

  • 密码：12345

8 种方式搭建博客，总有一款适合你（中）_编程_04

 

 

8 种方式搭建博客，总有一款适合你（中）_编程5. ThinkJS + MySQL 搭建博客8 种方式搭建博客，总有一款适合你（中）_编程_03

5.1 特点

  • 数据持久化

  • 开源

  • 运行简单

  • 自定义扩展

5.2 前提

  • 安装 Node.js 环境。

  • 掌握 MySQL 数据库的增删查改操作语句。

5.3 运行项目

1. 安装 Node.js（同上）

2. 下载项目

  •  
 git clone https://github.com/livisky/liblog.git

 

3. 导入数据库

使用 Navcat 数据库客户端，创建数据库 my_blog，并导入数据库脚本 liblog.sql：

8 种方式搭建博客，总有一款适合你（中）_编程_07

 

4. 修改数据库配置

打开 src/common/config/db.js，需要修改的内容：IP 地址、端口、数据库名、账号和密码。

  •  
 export default {   type: 'mysql',   log_sql: true,   log_connect: true,   adapter: {     mysql: {       host: '127.0.0.1',      #数据库ip地址       port: '3306',           #端口       database: 'my_blog',    #数据库名       user: 'root',           #账号       password: 'root',       #密码       prefix: 'li_',       encoding: 'utf8'     },     mongo: {     }   } };

 

 

5. 启动项目

  •  
 npm run dev  //运行开发环境代码(未压缩) npm run app  //运行生产环境代码(压缩) npm run compile npm run compress //生成生产环境目录

 

6. 运行效果

浏览器访问：http://127.0.0.1:8361/，效果如下图。

  • 登陆账号：admin@jsout.com

  • 密码：123456

8 种方式搭建博客，总有一款适合你（中）_编程_08

 

 

 

6. VuePress +Gitee 搭建博客

 

6.1 特点

  • 免费平台

  • 运行简单

  • 可扩展性强

 

6.2 前提

  • 掌握 HTML、JavaScript、CSS 基本语法

  • 安装 Node.js 环境

6.3 运行项目

1. 安装 Node.js（同上）

2. 安装 Yarn

  •  
 npm  install -g cnpm --registry=https://registry.npm.taobao.org #安装淘宝镜像 cnpm install -g yarn #安装yarn

 

3. 安装 VuePress

  •  
 yarn global add @vuepress-reco/theme-cli #插件安装

 

4. 启动项目

  •  
 theme-cli init wangzg-blog # init #项目初始化 cd wangzg-blog yarn install #安装依赖 yarn dev #项目运行 yarn build #项目构建

 

5. 运行效果

浏览器访问：http://localhsot:8000/，效果如下图：

8 种方式搭建博客，总有一款适合你（中）_编程_09

 

 

我们下期再见！

 

8 种方式搭建博客，总有一款适合你（中）_编程_10

 

 

END

 

排版 | AI悦创

文字 | AI悦创

图片 | 不可商用