阿里云在家实践ECS训练营打卡

第一天

一、课程介绍

1、介绍
VuePress由两部分组成 : 一个以Vue驱动的主题系统的简约静态网站生成工具, 和一个为编写技术文档而优化的默认主题. 他是为了支持Vue子项目的文档需求而创建的.

由VuePress生成的每个页面, 都具有相应的预渲染静态HTML, 它们能提供出色的加载性能, 并且对SEO友好. 然而, 页面加载之后, Vue就会将这些静态内容, 接管为完整的单页面应用程序(SPA). 当用户在浏览站点时, 可以按需加载其他页面.

2、运行原理(how it works)
VuePress网站实际上是由Vue,Vue Router和webpack驱动的单页面应用程序,如果以前使用过Vue, 那么在编写开发自定义主题时(甚至可以使用Vue DevTools来调试你的自定义主题!) 你会融入到熟悉的开发体验中!

在构建过程中, 我们会创建应用程序的服务器渲染版本,并且实际上是通过访问每个路由, 来渲染相应的HTML. 这种方式受到Nuxt的 nuxt generate 命令以及Gatsby等其他项目的启发.

每个markdown文件都使用markdown-it编译为HTML, 然后作为Vue组件的模板进行处理. 这允许你直接在markdown文件中使用Vue, 在需要嵌入动态内容时, 这种使用方式非常有用.

3、特性(features)
内置markdown扩展, 针对技术文档进行了优化
能够利用内嵌在markdown文件中的Vue代码

二、安装VuePress

1、设置安全组
开放8080和22端口。

2、安装Node.js
以Node.js 13.9.0 64位为例。（VuePress⽀持使⽤Yarn和npm来安装， Node.js版本需要≥8才可以。这⾥我们使⽤npm。）

远程登陆到ECS服务器, 执行如下命令, 下载Node.js 13.9.0 64位安装包
wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz

创建Node.js安装⽬录
sudo mkdir -p /usr/local/lib/nodejs

将二进制文件解压到要安装目录
sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs

使⽤查看node.js版本号命令验证是否解压成功

进入目录: cd /usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

执行: ./node -v

修改环境变量, 使得能在任意目录下执行node命令
在Shell里输入vim ~/.bash_profile

按i键进入编辑模式,改成如下：
PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

粘贴进去, 按键盘右上角ESC键盘, 然后输入:wq保存退出
然后重载一下：source ~/.bash_profile

到其他⽬录下验证
cd
node -v
npm version
npx -v

nodejs安装完毕
3、安装Vue Press

全局安装
为了加快下载安装速度, 采用淘宝镜像.
npm config set registry https://registry.npm.taobao.org
npm install -g vuepress

创建⼀个⽂件夹作为⽬录
mkdir try_blogs
cd try_blogs

项⽬初始化
npm init -y

初始化后会⽣成⼀个package.json⽂件

进⼊配置步骤，目录结构:

4、配置VuePress

5、基本配置步骤

设置package.json的脚本配置
vim package.json
修改scripts中的内容如下：
“scripts”: { “docs:dev”: “vuepress dev docs”, “docs:build”: “vuepress build docs” },
ESC键 :wq 保存退出
在当前⽬录中创建⼀个⽂档⽬录
mkdir docs
创建.vuepress⽬录
cd docs
mkdir .vuepress
新建⼀个md⽂件
echo '# Hello VuePress - first blog!' >README.md
​创建config.js配置⽂件
cd .vuepress
echo >config.js
创建public⽬录
mkdir public
完成后的⼯作⽬录如下：
try_blogs
├─ docs //以后要在这⾥⾯写⽂章，直接在此⽂件夹下新建⽂件夹，然后再建 md⽂档就⾏，链接会⾃动⽣成
│ ├─ README.md // 这个将会是我们以后的⾸页
│ └─— .vuepress // 这个⾥⾯会存放⼀些配置和组件
│ └─——public // 静态⽂件存放地
│ └─——config.js //配置⽂件，以后的所有配置基本都在这⾥写
└─ package.json

回到try_blogs⽬录，执⾏命令vuepress dev docs

注：VuePress中有两个命令:

vuepress dev docs 命令运⾏本地服务，通过访问(http://localhost:8080)即可预览⽹站

vuepress build docs 命令⽤来⽣成静态⽂件，默认情况下，放置在docs/.vuepress/dist⽬录中，当然你也可以在docs/.vuepress/config.js中的dest字段 来修改默认存放⽬录。在这⾥将两个命令封装成脚本的⽅式，直接使⽤

npm run docs:dev和npm run docs:build即可。

6、首页配置示例

修改README.md⽂件，将原来的内容删除后，将以下内容拷贝进去

---
home: true
heroText: Vue技术博客初试
tagline: 项目结构，关注讨论，每日分享
actionText: 每日更新 →
actionLink: /testlink/
features:
- title: 项目结构
details: 以 Markdown 为中⼼心的项⽬目结构，以最少的配置帮助你专注于写作。
- title: 关注讨论
details: 享受 Vue + webpack 的开发体验，在 Markdown 中使⽤用 Vue 组件，同 时可以使⽤用 Vue 来开发自定义主题。
- title: 每⽇日分享 details: VuePress 为每个⻚页⾯面预渲染⽣生成静态的 HTML，同时在⻚页⾯面被加载的 时候，将作为 SPA 运行。
footer: LearnVueonECS Licensed | Copyright © 2020-present
---

浏览器刷新后页面显示效果如下

第二天

一、安装运行环境

一般来说阿里云提供的公共镜像是一个空白的Linux发行版或者Windows Server，具体的运行环境我们还是需要自行搭建，对于新手来说一下子就提高了使用ECS的学习成本，这里我们使用云市场的现有镜像，无需安装，开箱即用！

目前主流的建站环境就是 LAMP 环境，它是 Linux + Apache Httpd + MySQL + PHP 的缩写，是网页环境的黄金搭档，可以兼容几乎所有的HTML和PHP运行需求。

在镜像市场内购买即可，LAMP环境是免费的：

设置安全组，进入实例，进入本实例安全组：

配置规则，出入口方向都设置为无限制：

授权类型：全部
授权对象：0.0.0.0/0
这就是默认开放所有端口且允许所有IP访问了。

这是VPC（专有网络）的设置，如果是经典网络，设置公网出入方向的内容即可，不要输入内网的。

进入公网IP，查看安装结果，成功：

二、安装MediaWiki

我们需要使用PuTTY和FileZilla来实现对ECS的远程终端控制和文件传输。

• PuTTY 是自由的跨平台 Telnet/SSH 客户端，同时在 Win32 和 Unix 系统下模拟 xterm 终端。其主要作者是 Simon Tatham。

使用PuTTY连接到服务器：

使用FileZilla连接到服务器：

进入 /data/wwwroot/default/ 目录，创建一个old文件夹，将目录上的原始文件全部搬到old内

下载MediaWiki程序：https://www.mediawiki.org/wiki/Download/zh

将解压缩后的MediaWiki程序文件上传至 /data/wwwroot/default/ 目录

注：这里也可以直接在Ubuntu中用wget下载：
sudo wget https://releases.wikimedia.org/mediawiki/1.34/mediawiki-1.34.2.tar.gz
然后解压：
sudo tar -xzvf mediawiki-1.34.2.tar.gz

使用 chown 命令为目录赋予权限：
chown -R www /data/wwwroot/default

三、配置MediaWiki

进入首页，按set up the wiki引导配置，会生成一个php文件

将下载的 LocalSettings.php 文件上传到根目录

重新访问http://ecs公网ip，就可以访问wiki系统了。

第三天

一、安装运行环境

和安装WikiMedia一样，在安装之前，我们需要通关更换镜像来配置LAMP环境。所谓LAMP环境，指的是Linux + Apache Httpd + MySQL + PHP，是网页环境的黄金搭档，可以兼容几乎所有的HTML和PHP运行需求。

二、安装微擎

Plan A：（使用FileZilla和Putty工具）

下载微擎：
http://www.we7.cc/download/WeEngine-Laster-Offline.zip

使用FileZilla工具进入服务器 /data/wwwroot/default/ 目录，创建Jvruo文件夹，将目录上的原始文件全部搬到Jvruo内，并通过FTP软件解压缩后的微擎程序文件上传至 /data/wwwroot/default/ 目录，最后使用

chown -R www /data/wwwroot/default
chown -R www /data/wwwroot/default/data

为了防止500错误，我们还要在Putty中传入命令：
chown -R www /data/wwwroot/default

为目录提供权限。

Plan B：（这里没有用到FTP工具，推荐）

# 获得微擎安装包
wget http://www.we7.cc/download/WeEngine-Laster-Online.zip

# 解压
unzip WeEngine-Laster-Online.zip

# 建立old目录
mkdir /var/www/old

# 移动内容
mv /var/www/html /var/www/old

#建立新html目录
mkdir /var/www/html

#移动install文件
mv install.php  /var/www/html

#为文件夹添加权限
chmod 777 /var/www/html
chmod 777 /var/www/data

接着设置数据库：
grep dbrootpwd /root/oneinstack/options.conf

这时可能会提示：
dbrootpwd='KeYpZrZx

这是root密码，一般来说默认就是 KeYpZrZx，后可自行修改。

登录phpmyadmin，创建数据库，然后访问IP地址/install.php进行配置安装。

记得提前注册微擎市场账号（http://s.w7.cc/）

到这就已经安装完成了。

第四天

一、部署离线下载服务器

（一）介绍
CCAA是服务器离线下载解决方案包,组件包含了Aria2提供离线下载, ccaa_web支撑AriaNg运行, AriaNg为Aria2提供WEB页面以及Filemanager提供文件管理。

（二）主要功能
支持HTTP/HTTPS/FTP/BT/磁⼒链接等离线下载，断点续传、⽂件管理、视频在线播放。

（三）安装
在阿里云的远程连接中运行:

国内服务器
bash <(curl -Lsk https://raw.githubusercontent.com/helloxz/ccaa/master/ccaa.sh) cdn

海外服务器
bash <(curl -Lsk https://raw.githubusercontent.com/helloxz/ccaa/master/ccaa.sh)

• 询问是安装、卸载还是更新，这⾥是安装所以输⼊： 1 然后就会开始⾃动安装
• 要求设置下载路径，这⾥直接回⻋即可
• 需要输⼊ Aria2 的 RPC 通信密钥，输⼊不含特殊字符的内容即可：
• 安装完成后便会有提示大功告成和一些账号密钥
  

(四）常用命令

- ccaa:进⼊CCAA操作界⾯
- ccaa status:查看CCAA运⾏状态
- ccaa stop:停⽌CCAA
- ccaa start:启动CCAA
- ccaa restart:重启CCAA
- ccaa -v:查看CCAA版本（2.0开始⽀持）

（五）设置

• 我们需要打开安装好后提示的⽹站链接： http://你的公⽹IP:6080/
• 刚开始打开有点慢，还会提醒打开错误，没关系。
• 点击左侧菜单的 AriaNG 设置，然后点击 RPC。
• 修改对应的 Aria2 RPC 密钥为刚才安装过程中输⼊的密钥。
• 然后右上角就会提示重新加载页面以生效.

试了试，下载速度还行，但是这玩意要是想下载到本机的话，从服务器拿到本地该怎么处理最快？

结合陈同学的推荐，离线下载利用aria2+rclone，rclone支持近30个网盘，考了一下用处：别人搭的oneindex资源，想搬到自己od就可以用这个，或者是遇到下载站速度慢的就挂着，下到自己百度云里在线看，达到远程转存的效果，自己服务器配置没本机高的话，用作下载中转不太行。

第五天

一、创建服务器

阿里云的在线实验一小时环境非常的方便，非常适合小白学习使用。

连接服务器：
Windows：CMD或Powershell。
MAC：Terminal。

本人使用的环境是Windows，所以用了CMD命令：ssh [username]@[ipaddress]，也可以进入https://signin.aliyun.com/login.htm使用临时的子用户名称和密码登录后台进行远程连接，非常的方便。

二、安装JDK

安装JDK

1. 执行以下命令，查看yum源中JDK版本。
   yum list java*
2. 执行以下命令，使用yum安装JDK1.8。
   yum -y install java-1.8.0-openjdk*
3. 执行以下命令，查看是否安装成功。
   java -version

如果显示如下图内容，则表示JDK安装成功。

三、安装MySQL数据库

1. 执行以下命令，下载并安装MySQL官方的Yum Repository。
   wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm
yum -y install mysql57-community-release-el7-10.noarch.rpm
yum -y install mysql-community-server
2. 执行以下命令，启动 MySQL 数据库。
   systemctl start mysqld.service
3. 执行以下命令，查看MySQL初始密码。
   grep "password" /var/log/mysqld.log
4. 执行以下命令，登录数据库。
   mysql -uroot -p
5. 执行以下命令，修改MySQL默认密码。
   set global validate_password_policy=0; #修改密码安全策略为低（只校验密码长度，至少8位）。
ALTER USER 'root'@'localhost' IDENTIFIED BY '12345678';
6. 执行以下命令，授予root用户远程管理权限。
   GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '12345678';
7. 输入exit退出数据库。
   

四、安装Tomcat

1. 执行以下命令，下载Tomcat压缩包。
   wget https://mirror.bit.edu.cn/apache/tomcat/tomcat-8/v8.5.57/bin/apache-tomcat-8.5.57.tar.gz
2. 执行以下命令，解压刚刚下载Tomcat包。
   tar -zxvf apache-tomcat-8.5.57.tar.gz
3. 执行以下命令，修改Tomcat名字。
   mv apache-tomcat-8.5.57 /usr/local/Tomcat8.5
4. 执行以下命令，为Tomcat授权。
   chmod +x /usr/local/Tomcat8.5/bin/*.sh
5. 执行以下命令，修改Tomcat默认端口号为80。
   说明：Tomcat默认端口号为8080。
   sed -i 's/Connector port="8080"/Connector port="80"/' /usr/local/Tomcat8.5/conf/server.xml
6. 启动Tomcat。
   /usr/local/Tomcat8.5/bin/./startup.sh
   
   最后访问ECS，Tomcat配置正确，Java Web开发环境搭建完成。
   

结业证书

毕业啦~hhh