京东云主机使用-搭建简单网页(macOS)

一、前言

在郭霖大神的带领下,我花了一元钱入手了2个月的京东云主机,也就是个人服务器。

这是我人生第一台服务器,多么值得纪念。。。。。。

入手地址在这里

一直不买的原因也是因为自己的Android水平没有达标,不想去学其他方面的知识而分心。

其实很容易发现这他喵的就是一个不想学习的借口罢了!

更容易发现这明显是没钱买吧!

所以趁此机会,入手了2个月服务器来尝鲜。名额有限,说不定已经没有了。。。

购买流程就不说了,服务器系统选择的是Ubuntu 16.04 64位。

接下来的使用状况都是围绕着Ubuntu 16.04 64位展开的。

二、登录云主机

郭霖大神推荐了两款软件用于控制服务器 和 上传下载服务器文件:Xshell和Xftp。

但是两款软件都是Windows系统的,没有macOS系统。

如果你是Windows系统的,可移步郭霖大神的搭建教程,相对比较简单。

那么如何在macOS系统下操作服务器呢?

京东云的帮助中心中,macOS系统的登录方式有两种:一种是VNC登录,一种是SSH密钥登录。

VNC登录

VNC登录是京东云为用户提供的一种通过Web浏览器连接服务器的方式。

很简单,就是在京东云的控制台点击远程连接即可。

接着打开了Ubuntu 16.04 64的控制台,需要先进行登录,用户名为root,密码发送到了你的邮箱和手机当中。


登录面板

如果想要修改密码,可在控制台-操作 进行修改。修改完成后记得重启生效。

输入完成并正确就登录上了服务器,非常简单。


登录成功

不过使用VNC登录的场景很少:

  • 查看云服务的启动进度

  • 无法通过其他登录方式登录时,才使用VNC来登录服务器

所以这种登录方式,体验体验即可,并不实用。

并且它不支持复制粘贴、不支持文件上传,而且是单点登录,使用起来简直是折磨。

SSH密钥登录

京东云帮助中心提供了SSH创建和登录教程

成功设置SSH密钥后,我们就可以不使用VNC登录,直接在Mac的命令行就可以进行服务器的登录。

下面我们来一步一步设置SSH密钥:

什么是SSH密钥?

就我的理解而言,它是一种网络通讯协议,主要用于计算机之间的加密登录。

使用SSH登录的具体流程如下:

SSH密钥登录

可以看出一个SSH串要提供给服务器和本机,当SSH串匹配成功后,就可以实现免密登录。

这样的优点就是当登录请求被恶意拦截时,密码也不会泄露。

接下来,我们就要生成SSH密钥,并保存到本机和服务器。

要说一句的是,SSH密钥登录很多地方都有用到,比如GitHub。

如果你的电脑已经有SSH密钥,那么直接使用这个即可。

具体的SSH成功流程可参考GitHub官方教程

在这里我也简单罗列一下SSH密钥的生成步骤:

1.校验本机是否已经生成SSH密钥:

ls -al ~/.ssh

如果输出了

id_dsa.pub
id_ecdsa.pub
id_ed25519.pub
id_rsa.pub

则代表已经生成过,直接跳过第二步,执行第三步。

2.生成SSH密钥。如果已经生成跳过。

//注意修改最后的E-mail地址
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

执行完成后,会让输入保存路径,直接按下回车,使用默认路径进行SSH密钥的保存就可以。

接着会提示你输入该SSH的密钥密码,可以为空,直接回车,想设置的同学也可以进行设置。

该SSH密钥密码用于第一次使用SSH时的校验,并可以在SSH密钥的配置文件中关闭SSH密钥密码校验。

更多细节大家可以自己去查阅一些资料。

3.复制SSH密钥。

pbcopy < ~/.ssh/id_rsa.pub

使用该命令后,你的粘贴板内容就会变成SSH密钥。

这次我们要将SSH密钥上传到我们自己的服务器里。

打开京东云的控制板,添加SSH密钥:

京东云添加SSH密钥

接着点击完成,Over。

4.测试SSH密钥。
使用SSH密钥登录也非常简单。
打开我们Mac的命令行输入:

ssh user@xxx.xxx.xxx.xxx

user为用户名,我们的用户名为root。@之后为IP地址,比如:

ssh root@116.196.93.148

接着会提示输入用户输入服务器的登录密码,正确后就可以登录成功。

如果失败,建议按照京东云帮助中心教程,走一遍。

三、简单网页搭建

我们先为我们的服务器下载一个服务器,这里使用郭神用的apache2。

apache2是专门用来显示静态网页的服务器程序。

在登录服务器成功后输入下面命令:

sudo apt-get install apache2

接着输入Y完成安装。

之后打开浏览器,输入我们服务器的IP,可以看到下面效果:


接着我们来替换这个html文件样式。

它在我们服务器的地址是:/var/www/html/index.html

我们只要自己写一个简单的静态Html文件,然后上传服务器覆盖掉它即可。

这里我们直接拿着郭神的简单html来做示范:

<!Doctype html>
<html>
  <head>
    <title>京东云测试</title>
    <style>
      body{text-align:center}
    </style>
  </head>
  <body>
    <h1>欢迎来到郭霖的京东云主页</h1>
    <p>
      点击
      <a href="http://guolin.tech">这里</a>
      跳转到我的博客
    </p>
  </body>
</html>

将该文件保存为index.html。

接着我们将该文件上传至服务器,这里有一篇mac向服务器上传文件的教程。非常好用。
上传命令:

//注意将yourUsername修改为你的mac用户名
//并且我的文件保存在桌面Desktop。
put /Users/yourUsername/Desktop/index.html /var/www/html

按照上述步骤后,我们成功将index.html上传至服务器并覆盖。
刷新我们的网页,可以看到下面效果:


效果

。。。。。。。

为什么显示源码!?

因为Mac的记事本以.html结尾时,会将内容格式化成文本,不做代码显示。

解决也很简单,这篇文章

解决后重新执行上传代码,重新刷新页面,效果如下:


效果

。。。。。

这就很气!看来自己不适合做前端啊!

简单查阅后,在head中添加如下代码即可:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

接着再次执行文件上传,再次刷新页面,效果如下:


效果

四、总结

至此,一个非常简单的静态网页的个人博客便搭建完成了!

写出这么个静态网页,带上这篇文章的完成,一共耗时2天,走的弯路没有描述。

其中包括Linux命令行控制、SSH密钥理解等,都是新知识,于我而言还是有很大提升的。

以后如果能用这个服务器,搭建一个动态的个人博客,想必对自己的提升是极大的!

想想还有些小激动呢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,100评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • 1、远程连接服务器 远程连接服务器对于管理员来说,是一个很有用的操作。它使得对服务器的管理更为方便。不过方便归方便...
    Zhang21阅读 39,252评论 0 20
  • 偶尔不经意的想起你,还是会很难过,只是这难过再也没有像以前那般强烈,犹如没有规律的闹钟一样,在你没有注意的时候提醒...
    索马里没有乌龟阅读 378评论 0 1
  • 刚才又把一个朋友的聊天记录看了一下,发现感触很大。可是当时却对他很反感。当时正处于烦躁期,情绪波动很大,需要...
    冷冷123456阅读 751评论 0 1