前端小白建站一步到位

news/2024/5/11 14:04:02/文章来源:https://blog.csdn.net/u010463466/article/details/109764556
对于前端工程师,Linux小白的我来说,买云服务器自己建站简直难如登天;
后来在网上搜寻了各种参考资料,居然把买服务器,申请域名和备案,都跑通了,今天主要说说建站:

目标:跑通用云服务器

(一)准备工具, 跑通云服务器

推荐工具:Xftp6、Xshell6

why?什么是它们?
1)因为我们要上传文件到云服务器主机,比如我们的前端项目,用到的插件或者引入的图片等;
2)Xftp可以让我们直接在windows上图形化操作,Xshell可以直接让我们在windows上操作;
3)Xftp支持SFTP协议(SFTP基于SSH来加密传输文件,可靠性高,可断点续传),因此所有通过该软件的网络流量都是加密的;
how?这么安装?
  • 1)下载地址:
    点击进入Xftp 和 Xshell 的下载地址

  • 2)填写姓名邮箱和公司后,下载链接会发到你填写的邮箱里面,下载后就可以使用了
    在这里插入图片描述

下面详细说一下如何链接主机和传输数据
  • 1)重置云服务器上登录密码
    在某云控制台中,找到自己所购买的云服务器实例,然后操作重置密码操作,这是重置的登录密码;

    1. 测试是否能成功链接云服务器
      在某云控制台中,找到实例点击登录,登录Linux实例, 输入刚刚重置的密码
    1. 成功打开一个新界面,你可以在这里控制你远端的Linux实例了
      在这里插入图片描述
    1. 虽然可以直接在某云的远程连接上对我们的云服务器进行操作,不过现在我们用Xshell来操作会更为方便:

(1)首先确保已经下载好了Xshell,
(2)新建会话,名称输入你想要的项目名称,主机用你购买的主机的公网IP,用户名root,密码为你之前重置的密码
在这里插入图片描述

(3)点击链接
(4)打开相同主机下的Xshell,此操作会自动登录Xshell;
在刚刚的Xftp软件上直接打开Xshell,我一般这两个都是同时开启的,因为Xftp方便传输文件,Xshell方便启动服务
在这里插入图片描述

OK, 现在你可以上传文件到云服务器啦
(二)准备建站

在云服务器上系统中安装Node.js 和Express框架
我云服务器上的系统是CentOS,相信大多童鞋数都是选的这个系统的
先看看Linux常用命令:

cd local   进入当前目录下的local文件夹
cd ..      返回上级目录
  1. 下载并安装Node.js(Linux系统下的安装文件)

(1)在Node.js官网中 找到Linux系统对应Node的二进制安装包(.xz文件)
下载链接
在这里插入图片描述
点击鼠标右键,复制链接地址,等会好在Xshell中用命令在云服务器中安装Node
(2)首先确保Xshell已经连接上你的云服务器了,然后输入如下指令,我们默认把Node安装在usr/local的文件中
wget xxx 是一个下着文件的工具命令

cd 
cd ..
cd usr
cd local
wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz

(3)现在停留在了刚刚下载的Node压缩包的位置,
现在我们需要对压缩包进行解压和重命名(文件名以你下载的为准)

xz -d 强制解压
tar -xf 还原备份文件
mv 把node-v14.15.1-linux-x64文件夹改为node

xz -d node-v14.15.1-linux-x64.tar.xz 
tar -xf node-v14.15.1-linux-x64.tar 
mv node-v14.15.1-linux-x64 node

(4)在node执行文件中去检查node的版本,用于验证node是否安装成功

cd node/bin
./node -v
  1. 配置Node环境变量
    和在windows一样,需要配置全局环境变量,才能在任何位置下使用Node的npm指令
    1)在任意路径下输入以下指令:
vim /etc/profile

vim 是编辑器,用vim编辑器修改/etc/profile文件;
通过上下键将光标移至最下方,点击键盘【i】键启动文本编辑,在文本末尾键入如下代码
(如果你的node不是安装在local下,请更改下列NODE_HOME的值)

#set nodejs env 
export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH
export NODE_PATH=$NODE_HOME/lib/node_modules:$PATH

输入完成后,按ESC键退出文本编辑,键入下列指令保存并退出:

:wq

键入下列指令重启配置项使环境变量生效

source /etc/profile

此时Nodejs的环境配置已经成功,可以再任意路径键入下列代码检查版本,出现版本号则OK

node -v
npm -v
  1. 安装Express框架

可以参照这篇文章
https://zhuanlan.zhihu.com/p/48246138

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_860171.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

突然打开网站提示 Service Unavailabele

哈哈,今天客户给我说网站打不开,提示如下图的界面 当时的我顿时手无阻错,脑袋一片茫然,不知道如何才能处理这个问题。就在这时我看到了一片关于处理服务器windows server 2007 IIS的Service Unavailable 。其实就是对应应用程序池…

web前端性能SEO优化

转至: https://www.2cto.com/kf/201604/498725.html && https://www.cnblogs.com/EnSnail/p/5671345.html 浏览器访问优化 浏览器请求处理流程如下图: 1、减少http请求,合理设置 HTTP缓存 http协议是无状态的应用层协议&#x…

如何访问仅限IPv6的网站

网络作业: Use any means you know to access an IPv6-only website How to determine if a site is IPv4 only or IPv6 only How to configure your own host 翻译中文: 使用您知道的任何方法访问仅限IPv6的网站 如何确定站点是仅IPv4还是仅IPv6 如何配…

Apache禁止ip访问网站,禁止ip访问规则下载

本文转自IT摆渡网欢迎转载,请标明出处。 更多文章请阅读 SEO优化网络推广方法 最近经常有遇到网站被恶意的镜像,对方利用作弊手动复制自己的网站,相信也有不少的站长有遇到这些困扰,这篇文章教大家来禁止IP访问自己网站的方法…

网站内容标签元描述的优化细节

本文转自IT摆渡网欢迎转载,请标明出处。 更多文章请阅读 SEO推广方法 要想了创建良好的高质量的内容,一定少不了网页中的描述性标记。 一,创造独一无二、描述准确的标题 标题会影响到网页在搜索结果中的显示方式以及用户是否想在搜索结果…

discuzx不同网站孪生共用应用中心,或者应用中心密码忘记找不回的问题

首先 首先进入后台-应用-应用中心中安装插件时候会输入安全密码,如果密码忘记一般可以通过认证文件认证方式的找回。 如图 但是一旦更换域名或者其他问题造成找不回密码,我们想重新设置应用中心。或者遇到discuzX两个 网站 孪生共用一个应用中心时候 如…

从零带你从阿里云ESC服务器部署网站(学生机)

阿里云ESC服务器部署网站 文章目录 阿里云ESC服务器部署网站前言一.环境搭建1.购买学生机(ESC服务器)2.远程主机配置3.进入远程桌面4.更改window镜像5.配置安全组 二.使用本地电脑远程连接服务器1.连接远程服务器2.远程连接成功 三.配置IIS服务器1.安装IIS服务器2.index.html3.…

计算机网络——一次与网站的通讯

当我们在浏览器中访问百度,网络上会发生什么? 一、域名转服务器地址 我们都知道,网络中表明地址的是ip地址,但在浏览器中输入的都是域名,而在网络中,路由器交换机是不认域名的。这时就需要一个域名系统&a…

第二课 DedeCMS仿站-分析并保存目标网站

一、分析网站 网址:http://2082phpweb.weimeigu.tao891.cn/index.php 分析网页可以知道,网页由四个模板组成: 1、网站首页 2、公司简介、新闻中心、成功案例、销售网络、联系我们 3、产品展示、厂房设备 4、详情页(新闻中心等列表…

如何在自己电脑上搭建一个测试网站(以asp网站为例)

一、首先下载一个VMware虚拟机 这一步就不说了吧 直接在百度上搜找到官网下载就行,略。。。。 二、在VMware上安装一个win2003系统 这个首先在百度上下载一个win2003的系统作为镜像 ①然后新建一个虚拟机 ②系统的话就稍后在安装 ③这里要选择系统版本 ④一直点…

ssh框架论坛网站BBS设计实现-javaweb+mysql

今天带来的项目是, 使用ssh三大框架(struts2,spring,hibernate)设计实现一个技术论坛网站, 满足一个论坛网站的板块管理, 帖子管理, 发帖等功能 源码下载 转载请注明源文链接: https://blog.csdn.net/m0_48341587/article/details/107510490

用Windows Server 2003/2000/XP自带的IIS建网站

一、安装 Internet 信息服务 Microsoft Internet信息服务(IIS)是与Windows Server 2003/2000/XP集成的Web服务。要安装 IIS、添加可选组件或删除可选组件,(以2003为例,2000/XP基本相同)请按以下步骤操作: 单击“开始”-->指向“控制面板”-->然后…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章,例如LiveJournal的、ebay的,都是非常值得参考的,不过感觉他们讲的更多的是每次演变的结果,而没有很详细的讲为什么需要做这样的演变,再加上近来感觉有不少同学都很难明白为什么…

嵌入式linux中的端口配置,GPIO接口 - 嵌入式Linux学习笔记_Linux编程_Linux公社-Linux系统门户网站...

一、GPIO介绍 GPIO意为通用输入输出端口,简单说就是一些引脚,通过它们输出高低电平或者通过它们读取引脚高低电平状态 S3C2440有130个I/O端口,分为A-J共9组:GPA、GPB、、、、GPJ,可以通过设置寄存器来确定某个引脚用于…

文学鼻祖网站关闭服务器,华语网络文学鼻祖网站“榕树下”关站 “享年”23岁...

【TechWeb】8月28日消息,8月25日,有消息称,华语网文网站界鼻祖“榕树下”正式关闭了服务器。 作家王湛在他的微博发文称,“榕树下,这个华语网络文学的鼻祖网站,于2020年8月25日,正式关闭服务器&…

QQ可以上网 浏览器打不开网站 ping ip通,ping 域名不通,终极解决办法!

昨天晚上用360杀毒,设置模式杀完毒自动关机,然后就和同事去了小酒馆,今天早上打开电脑,由于手头的工作比较棘手,首先打开QQ正常登陆,我没有在意,最近工作上想用个表格识别,我自己做的…

jav简单的个人博客网站代码_vuepress 搭建个人博客网站

前段时间在朋友的推荐下了解到尤大还弄了个专门写技术文档的工具。当我第一次看到VuePress的时候有点小激动,这简约的设计太适合用来做博客网站了。 vuepress是什么 按照官方的说法:VuePress由两部分构成,一部分是一个极简静态网站生成器&…

edge 访问浏览器后端被屏蔽_利用广告屏蔽插件 Adblock Plus 快速访问百科网站 Minecraft Wiki...

“是的,你的 Minecraft Wiki 从未如此流畅” 本帖将分析 Minecraft Wiki 在大陆的访问情况,以及解决方案。 P1 > 为何中文 Minecraft Wiki 加载那么慢?[请至原文阅读] ff98sha:为何中文Minecraft Wiki加载那么慢?​…

nuxt.js利于SEO

在开发项目的时候要求SEO,vue是单页面开发,最大的不利于SEO,nuxt.js就完全适合了,语法完全是跟vue一模一样,只是把.vue打包成.html; 其实打完包运行,虽然可以运行但实际还是不能利于SEO,这是个巨…

2019年3月14日2019年3月14日16:27,继续研究仿美团网站

1、我觉得以后还是挑重点摘记,其实感觉每一处都有重点。不过为了效率,还是侧重思考。 2、城市服务接口,需求分析 3、假设定位接口访问成功,你需要获取接口显示在页面上 两种渲染方式,第一种是通过页面加载请求API&am…