搭建自己专属的静态网站与云笔记(纯新手的心得)
阿里云ECS云服务器简介
云服务器(Elastic Compute Service,简称ECS)是阿里云提供的性能卓越、稳定可靠、弹性扩展的IaaS(Infrastructure as a Service)级别云计算服务。云服务器ECS免去了您采购IT硬件的前期准备,让您像使用水、电、天然气等公共资源一样便捷、高效地使用服务器,实现计算资源的即开即用和弹性伸缩。1
开通云服务器
领取免费的云服务器
阿里云高校计划可以免费领取一台ECS。
通过个人认证和学生认证后就可以领取。
链接:https://developer.aliyun.com/adc/college/?spm=a2c6h.12883283.1364563.59.1547201c7vU4jU
购买云服务器
如果已经领取过了或者因其他原因无法领取则需要自行购买。
链接:https://ecs-buy.aliyun.com/#/prepay
详细步骤
免费领取
免费领取的需要选择的配置较少
- 地域及可用区:选择最常访问这个服务器的用户所在地域就可以了。其他地域的人也可以访问,只是相对来说访问速度会慢一些。另一个要注意的点是不同地域的的ECS之间内网不互通。不过简单的学习应该暂时不会遇到这些问题。
- 实例规格:领取的应该只有默认的2 vCPU 4 GiB。
- 镜像:镜像是选择服务器使用的操作系统。因为本次训练营的视频有给出使用的镜像,所以跟着视频选择公共镜像中CentOS 7.3 64位。不同的Linux的版本有一些差异,对于新手来说为了避免出现其他问题建议跟着视频走。(在搭建网页时会说一个我和朋友遇到的因版本不同而出现的问题)
- 网络类型:选择专有网络可以减少配置安全组和网卡问题。勾上分配公网ip,带宽应该是固定的。
至此基本配置好了,领取后就有一台ECS可以用于后续学习。
自行购买
自定义购买要配置的东西会多一些。
- 付费模式:
包年包月:一种预付费模式,即先付费再使用。一般适用于固定的7*24服务,例如Web服务。
按量付费:一种后付费模式,即先使用再付费。一般适用于有爆发业务量的应用或服务,例如临时扩展、临时测试、科学计算。
这个根据个人需求和经济承受能力选择。 - 地域及可用区:选择最常访问这个服务器的用户所在地域就可以了。其他地域的人也可以访问,只是相对来说访问速度会慢一些。另一个要注意的点是不同地域的的ECS之间内网不互通。不过简单的学习应该暂时不会遇到这些问题。
- 实例规格:
Class1的课程中只是搭建一个简单的博客,1vCPU 2Gib一般是够了,可以根据个人需求升配。新手学习选择x86的架构,类型选通用型,其他的类型适用于不同的计算需求。详细了解可查看阿里云官方文档:https://help.aliyun.com/document_detail/25378.html?spm=a2c4g.11186623.6.589.6fe9d08aJhBYpt - 镜像:镜像是选择服务器使用的操作系统。因为本次训练营的视频有给出使用的镜像,所以跟着视频选择公共镜像中CentOS 7.3 64位。不同的Linux的版本有一些差异,对于新手来说为了避免出现其他问题建议跟着视频走。
- 存储:系统盘选择默认的足够课程使用了,如有其他需求可以升配或加数据盘。
- 网络,公网ip,安全组:选择默认的即可,因为只是学习使用,安全组可以设置开放全部端口,方便远程连接和访问。如果重要端口没有开放会可能会导致无法登陆ECS或者无法访问建好的博客网站之类的问题。
- 系统配置:密钥对会更安全,但是要保存私钥,每次登陆用私钥登陆,嫌麻烦或用不惯就设置密码登陆。
至此购买下单就创建好了(安全组那里可能要设置一下开放的端口)。
安装 VuePress 程序
VuePress简介
VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。我的简单的理解就是用于编写文档,同时里面有内置主题更方便编写。写好文档后我们可以通过开放的端口访问云服务器的编写好的文档。
设置安全组
设置安全组如果在创建ECS实例时配置好了则不需要再配置。教程中的安全组要开放SSH的22端口和服务器的8080端口。前者用于SSH远程登陆ECS进行操作,后者用于创建好博客后其他用户在公网访问ECS中编写好的文档。操作步骤按教程走就可以。
登陆ECS
这时要使用Linux的操作系统,没有使用基础的可能要先稍微了解一下(比如我)
参考一下别人整理好的Linux常用命令博客:https://blog.csdn.net/luansj/article/details/97272672
主要了解一下开机,关机,文件操作和目录操作就可以,后续再慢慢学。
官方文档是用的一个软件去登陆,阿里云操作台也可以用于登陆。建议选择软件登陆,否则可能会遇到一些奇奇怪怪的问题。
因为贪方便,我直接用window自带的方法登陆,调出cmd控制台后输入:
ssh root@ECS公网ip
然后输入密码就可以登陆进去(密码是看不到有输入的)。
安装 Node.js 和 安装VuePress
这个跟着官方文档做就行,复制命令,然后粘贴运行。
(这里的粘贴是用鼠标右键进行粘贴)
直到解压验证都没有什么问题。
但是在修改环境变量时问题出现了。
问题:找不到 .bash_profile
解决办法:
我朋友没有设置系统为CentOS而用了Ubuntu,不同的linux有一些地方不一样。
Ubuntu的环境变量所在文件是 .bashrc,要打开这个文件进行修改。
问题:打开 .bash_profile后是空白
解决办法:
排除了系统本身没有创建这个文件的可能后,我偶然发现在pdf文件中复制过去后字符有问题,fi两个字符粘连成一个字符。。。不仔细看还发现不了。
vim 是一个文本编辑器,当打开的文件不存在则创建这个文件,所以打开后空白是因为创建了错误名字的文件而非打开了.bash_profile这个文件。自己输入这个命令就不会出现问题。
所以在复制粘贴时要注意有没有因为编码问题而改变了字符。
配置 VuePress
基本步骤配置
这个跟着官方文档做就行,复制命令,然后粘贴运行。
但是在改README.md⽂件时问题又出现了。
Markdown
Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
问题:编译不成功或者没有格式只有一串文字
解决办法:
这个语言是有语法的,如果没有使用正确会没有格式或者报错。
未了解过的同学(比如我)最好先简单了解一下它的语法。
出错原因是复制粘贴后出现缩进问题。
因为pdf复制再在ssh里面输入或者其他一些复制粘贴方法导致的回车和缩进不统一。
图中的两个同时前面是有回车的,但是Markdown的语法里面是不用回车的,所以要把多出来的两个回车删去。而换行则是在第二行首加两个空格表示,所以三个details前面要有两个空格。(部分字体也乱码了,所以建议用合适的软件登陆以及注意编码问题)
头尾的三个引号是表示代码块的意思,如果没有的话会导致没有引入格式,网页上只是一大串字。
结果展实
课程的任务基本完成。
小白的初次博客,如有错误,欢迎指出,大佬轻喷,谢谢!
文章引用附带链接,侵权删。
引自阿里云官方文档:https://help.aliyun.com/document_detail/25367.html?spm=a2c4g.11186623.6.547.62626f0fWamoYt ↩︎