第一次搭建个人博客

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

项目背景

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

心得

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

相关文章
|
5月前
|
关系型数据库 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)启动安装。
76 7
|
6月前
|
JavaScript Shell 网络安全
又重新搭了个个人博客
又重新搭了个个人博客
|
开发框架 .NET Serverless
阿里云快速搭建个人博客
使用阿里云体验搭建博客
阿里云快速搭建个人博客
|
JavaScript Shell Linux
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
|
存储 数据库
个人博客搭建
阿里云真给力
个人博客搭建
|
缓存 IDE Java
快速搭建个人博客
大家好, 我是时间静止, 今天我们介绍基于gitee快速搭建个人博客
快速搭建个人博客
|
编译器 数据库
手把手教你十五分钟搭建个人博客网站
手把手教你十五分钟搭建个人博客网站
237 0
手把手教你十五分钟搭建个人博客网站
|
Windows
手把手带你搭建个人博客(汇总版)(二)
你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点? 在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!
316 0
手把手带你搭建个人博客(汇总版)(二)
|
开发工具 git Windows
手把手带你搭建个人博客(汇总版)(一)
你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点? 在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!
393 0
手把手带你搭建个人博客(汇总版)(一)
|
JavaScript 安全 前端开发
从0-1教你利用服务器做属于自己的个人博客
目录 引子 正文 前提条件 **一、首先下载并安装软件Node.js** 历史版本网址如下:https://nodejs.org/zh-cn/download/releases/ 这里小编推荐大家安装12.12左右的版本, 二、接下来我们安装另一个必备软件:git **三、安装hexo** **四、部署个人博客(建站)** **五、对服务器的防火墙进行相关配置** **六、对云服务器控制台进行相应设置** 我这儿是偷懒做法,所有一次性全部打开了 我们也可以只打开一个端口用于外部访问,步骤如下: 七、Typora
176 0
从0-1教你利用服务器做属于自己的个人博客