个人博客的搭建

前端代码部署

下载环境

首先到nodo.js官网下载node.js,官网地址:http://nodejs.cn/download/

 选择自己电脑对应的版本进行下载。

安装步骤

  1. 双击下载下来的安装包,一直点击下一步。
  2. 点击change按钮,更换到自己指定安装的位置,点击next。
  3. 我们直接让其加到path中去。
  4. 安装完成后,我们使用管理员身份打开终端,运行 【echo %PATH%】 查看环境是否正常。
  5. 使用 【node -v】 查看当前node.js的版本
  6. 修改全局模块下载路径:在我刚刚自己指定安装nodejs的文件夹创建两个文件夹【node_global】和【node_cache】,如下图所示:
  7. 创建完两个空文件夹之后,继续使用管理员身份打开终端,输入下面命令:
    npm config set prefix "F:\software\nodejs\file\node_global"
    npm config set cache "F:\software\nodejs\file\node_cache"

    说明:prefix = 创建的node_global文件夹所在路径;cache = 创建的node_cache文件夹所在路径。

  8. 修改环境变量:将用户变量下的【Path】修改为【F:\software\nodejs\file\node_global】,之后点击确定。如下图所示:

  9. 在系统变量下新建【NODE_PATH】,变量值为【F:\software\nodejs\file\node_global\node_modules】。如下图所示:
  10. 输入命令配置镜像站
    npm config set registry=http://registry.npm.taobao.org
  11. 检测配置是否成功
    npm config get registry
  12. 配置成功后就可以运行我们的前端代码了。我们在根目录创建一一个vue前端界面。输入vue init webpoint vue08 如下图所示:

初始化,进入目录使用 npm install 安装依赖,再运行npm run dev

成功界面,提示打开http://localhost:8080

 

随后输入 npm run build 生成静态文件,将 dist 文件夹部署到服务器。

购买域名

在将代码部署到服务器之前需要购买一个域名。可以在万网上购买域名https://wanwang.aliyun.com/?utm_content=se_1008775275

 在这个网站上就可以购买域名,可以购买国外的,相对国内的要便宜。

购买服务器

服务器介绍

  1. 服务器提供商:RackNerd
  2. CPU:1核心
  3. 内存:1G
  4. SSD:25G
  5. 月流量:4TB
  6. 价格 $12.98/年
  7. 购买链接:页面加载中,请稍候...
  8. 官方网站:RackNerd优惠码和促销活动整理 (2023最新版) - 瓦力箱子 (walixz.com)

具体参数如下图所示:

 购买流程

  • 点击上面图中的Continue按钮,进入到下面这个页面:

  •  再继续点击图中的Checkout按钮

  •  选择支付宝进行支付,勾选 I have read and agree to the Terms of Services,进入下一个页面付款就行了。
  • 付完款之后,服务器列表就会有一个服务器,不过要等一下才能够激活。

登录使用

管理页登录

  • 激活后你注册的邮箱会收到一封邮件,里面有登录控制台的用户名和密码,还有登录的链接地址。点击链接地址就可以进行登录

SSH登录

  • ssh链接登录服务器的信息也在邮件中,下载一个ssh终端就可以登录自己的服务器了。

参考文献:

Nodejs安装教程_彭佼的博客-CSDN博客

lanlanInterview/Tools/个人博客 at master · MikeCreken/lanlanInterview (github.com)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值