博客搭建篇

首先需要将代码从Git上下载下来，然后需要代码编辑器，用Rider或者visual studio都行。

配置文件

下载项目后，首先找到appsetting.json配置文件

ConnectionStrings用于配置redis数据库，如果没有需要将Program.cs中的删除掉或者注释掉，如果你有redis数据库，填写上数据库地址和密码就行了

builder.Services.AddRateLimit(builder.Configuration);
app.UseRateLimit();

Email用于配置发送邮件的功能，这里写上自己的邮箱地址和邮箱授权码即可，是邮箱授权码，不是密码。

  "ConnectionStrings": {
    "Redis": "localhost,Password=123"
  },
  "Email": {
    "Address": "123@163.com",
    "Password": "WRKjWKRj"
  }

修改key就行了，这是用于jwt令牌生成的配置。

  "SecuritySetting": {
    "Token": {
      "Issuer": "starblog",
      "Audience": "starblog-admin-ui",
      "Key": "wfawftwatotkjw23131jkgjlkawr"
    }
  }

是否启用七牛云，Star为启动，启动的话需要自己去改一下代码链接，不用七牛云则改成star2就行了。

  "Qiliu":{
    "StarandOff":"Star"
  }

数据库

博客用的sqlite3数据库，git下载的自带有sqilie3数据库，如果有数据库可视化工具可以直接用我的是数据库，如果你没有且不会操作数据库，那么需要用指令创建一下数据库，并做一些初始化操作。

有VisualStudio的情况

在使用EF Core的Code First模式创建数据库时，可以使用以下步骤来运行Add-Migration指令：

  1. 打开Visual Studio，并打开你的.NET Core项目。
  2. 打开Package Manager Console（工具 > NuGet Package Manager > Package Manager Console）。
  3. 在Package Manager Console中，确保默认项目已设置为你的.NET Core项目。
  4. 在Package Manager Console中，运行以下指令：
Add-Migration Init

一旦迁移文件创建成功，你可以运行以下指令来将迁移应用到数据库：

Update-Database

没有VisualStudio的情况

可以直接使用dotnet指令完成数据库构建，在Personalblog.Model目录下执行

dotnet ef migrations add Init
dotnet ef database update

如图：

运行成功后在Personalblog.Model目录会有个app.db文件，将他移动到Personalblog中就行了，如果是使用VisualStudio执行的话，默认就是在Personalblog。

运行

配置文件和数据库配置完成后，运行起来如图：

可以看到是没有任何文章的。

然后我们在浏览器中访问http://localhost:7031/Article/Init

填写一下用户名和密码，还有域名，如果是本地的话就是http://localhost:7031/

到这里博客初始化就完成了，然后就开始后台管理的配置了

后台管理系统

可以看到博客是没有图片也没有文章的，需要在后台管理系统中自己上传，同样我们从git上下载项目。

后台管理vue3搭建的，具体配置看GitHub上项目介绍

我这里直接运行 npm run serve

登录账号就是上面初始化的admin和123456

上传文章

打包上传md文件演示图：

测试一下文章上传，文章分类默认是没有的，需要再这里自己填写。

设置为推荐和置顶试试

推荐和置顶设置成功了，但是没有图片，后面再讲，接下来测试图片上传

上传图片

在\personalblog-master\Personalblog\wwwroot\media创建如下目录

文章没有图片解决

修改PicLibController.cs中的27行代码：

Arial为windows字体

var font = SystemFonts.CreateFont("Arial", 50);

之前上传了文章但是没有图片，那是因为图片是单独一个文件夹，不是我们在后台上传的图片

在\personalblog-master\Personalblog\wwwroot\media\Top和yasuo中放一张图片试试看

  • Top就是置顶文章图片的存放地址
  • yasuo则是推荐文章图片的地址

文章列表显示不安全怎么办

这是因为我在列表跳转的时候加上了https，只需要修改Personalblog.Services下的CategoryService类中GetNodes方法的new ,"https" 改成http即可

评论报错问题

那是因为有一个污秽词json文件，这个太敏感了，需要自己去写一个

命名为words.json，放在Personalblog中

  • Value：为污秽词
  • Tag：标签，自己写就行了，不影响

结尾

因为这个项目是基于大佬的项目，然后我后面部署之后也是一点一点的去改成我想要的样子，所以一些初始化的配置做的并不是很好，随着博客的不断更新，我会将初始化这一块一点一点的去重构，让博客不需要上面繁琐的操作就能直接运行起来。

如果有bug无法解决，关注公众号私信我：