第一次搭建个人博客

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

项目背景

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

心得

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

目录
打赏
0
0
0
0
0
分享
相关文章
使用 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)启动安装。
100 7
WordPress搭建个人博客
这篇文章将手把手地指导你如何快速完成WordPress的搭建。你可以利用WordPress搭建个人博客,甚至企业官方网站。只要你跟着本文的步骤走,即使小白也能轻松搞定WordPress网站搭建。首选你需要购买一个vps,并将你的域名解析到vps;然后连接你的VPS,在vps上执行命令一键安装WordPress;再接下来就是初始化你的WordPress了,安装Argon模板、安装RankMath SEO插件、安装webp图片速度优化插件
521 2
WordPress搭建个人博客
快速搭建个人博客
大家好, 我是时间静止, 今天我们介绍基于gitee快速搭建个人博客
快速搭建个人博客
手把手教你十五分钟搭建个人博客网站
手把手教你十五分钟搭建个人博客网站
250 0
手把手教你十五分钟搭建个人博客网站
手把手带你搭建个人博客(汇总版)(一)
你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点? 在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!
424 0
手把手带你搭建个人博客(汇总版)(一)