第一次搭建个人博客

简介: 以前一直都是用的开发环境,从来没有想过在服务器上搭建一个网站。本来因为搭建博客会很简单,没想到单单的配置mongodb就花了我将近一天的时间。最后迫于无奈只能用宝塔面板来搭建我的个人博客了

项目背景

前段时间学完了vue3,想做点有意思的事情,但是又不知道做点啥,突然看见我的好朋友的博客做得很漂亮,据他所说他的博客用了wordpress来快速搭建。所以我也突发奇想,头脑一热,就想做一个个人博客。但是我没有采用任何的面板,页面全部是自己所想自己实现的。
博客页用了vue3来制作这个页面,后台的管理系统用到了vue3+ant design vue,后端是用node+express来制作的。

心得

通过这次的搭站经历,我学到了很多以前从来没有了解到的知识。比如我在使用vue打包文件后生成的文件放入服务器,但是fetch的接口地址没有更改,导致页面使用的是生成环境的接口地址,使得页面报错没有找到接口。目前这个问题的解决方案:我在public文件夹下写了一个info_env.js的文件,用来存储一些会随着服务器的变化而变化的变量。比如接口的地址。还有nignx的缓存问题。我明明是改了这个也面了,不知道为什么浏览器还是加载之前的页面,直到我换了一个浏览器打开页面才显示我更改的内容。我也不知道究竟是nignx的缓存还是浏览器的缓存了,因为之前试着用node托管页面的时候还没有出现过这种问题。
好啦,时间有限,我还想把我的博客的目前开源,目前就先写这么多啦,谢谢各位的观看

相关文章
|
7月前
|
关系型数据库 MySQL 应用服务中间件
使用 WordPress搭建个人博客
快速搭建LNMP环境,下载lnmp2.0并安装,随后配置Nginx,设置网站根目录为/home/wwwroot/default。若绑定域名,可获取Cloudflare SSL证书,更新nginx配置启用SSL。接着,安装WordPress到/home/wwwroot,创建MySQL数据库,配置远程访问(如果需要),修改Nginx配置指向WordPress目录,调整权限后通过[ip/wp-admin/setup-config.php](http://ip/wp-admin/setup-config.php)启动安装。
91 7
|
8月前
|
JavaScript Shell 网络安全
又重新搭了个个人博客
又重新搭了个个人博客
|
8月前
|
域名解析 网络协议 网络安全
WordPress搭建个人博客
这篇文章将手把手地指导你如何快速完成WordPress的搭建。你可以利用WordPress搭建个人博客,甚至企业官方网站。只要你跟着本文的步骤走,即使小白也能轻松搞定WordPress网站搭建。首选你需要购买一个vps,并将你的域名解析到vps;然后连接你的VPS,在vps上执行命令一键安装WordPress;再接下来就是初始化你的WordPress了,安装Argon模板、安装RankMath SEO插件、安装webp图片速度优化插件
509 2
WordPress搭建个人博客
|
存储 JSON 前端开发
手把手带你搭建个人博客系统(二)
手把手带你搭建个人博客系统(二)
151 0
手把手带你搭建个人博客系统(二)
|
前端开发 JavaScript Java
手把手带你搭建个人博客系统(一)
手把手带你搭建个人博客系统(一)
390 0
手把手带你搭建个人博客系统(一)
|
开发框架 .NET Serverless
阿里云快速搭建个人博客
使用阿里云体验搭建博客
阿里云快速搭建个人博客
|
JavaScript Shell Linux
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
|
存储 数据库
个人博客搭建
阿里云真给力
个人博客搭建
|
缓存 IDE Java
快速搭建个人博客
大家好, 我是时间静止, 今天我们介绍基于gitee快速搭建个人博客
快速搭建个人博客
|
编译器 数据库
手把手教你十五分钟搭建个人博客网站
手把手教你十五分钟搭建个人博客网站
248 0
手把手教你十五分钟搭建个人博客网站

热门文章

最新文章

下一篇
开通oss服务