ECS训练营打卡第一天（打造专属笔记）

一、环境准备

阿里云的ecs

配置安全组
开放SSH(22)、RDP(3389)、8080(Vuepress的默认端口)

二、安装Node.js

登录选用一种ssh工具即可，eg xshell

1、登录后登录到ECS之后，执行如下命令，下载Node.js 13.9.0 64位安装包（8.0）以上都可以

wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz

出现这样的字样表示成功！

2、创建Node.js安装⽬录

sudo mkdir -p /usr/local/lib/nodejs

3、将文件解压到相应目录

sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs

4、打开配置文件修改环境变量（在任意目录下执⾏node命令）

vim ~/.bash_profile 保存修改，然后重载一下：source ~/.bash_profile

PATH =$PATH :$HOME/bin:/user /local /lib /node.js -v13.9.0- linux -x64/bin

三、安装vuepress

1、为了快速安装使用淘宝镜像

配置默认镜像网站：npm config set registry https://registry.npm.taobao.org 下载安装镜像：npm install -g vuepress

2、创建目录文件

mkdir try_blogs cd try_blogs npm init -y //项⽬初始化

3、配置vuepress

1. 设置package.json的脚本配置
   vim package.json

2. `并按以下所示修改scripts中的内容
   注：VuePress中有两个命令:
   vuepress dev docs — 运⾏本地服务。通过访问(http://localhost:8080)即可预览⽹站
   vuepress build docs — ⽤来⽣成静态⽂件。
   默认情况下，该静态⽂件放置在docs/.vuepress/dist⽬录中。
   也可以在docs/.vuepress/config.js中的dest字段来修改默认存放⽬录。

3. 在当前⽬录中创建⼀个⽂档⽬录：
   mkdir docs
4. 创建.vuepress⽬录：
   cd docs
   mkdir .vuepress
5. 新建⼀个md⽂件
   echo ‘# Hello VuePress - first blog!’ >README.md
6. 创建config.js配置⽂件
   cd .vuepress
   echo >config.js
7. 创建public⽬录
   mkdir public

完成后的目录：

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

9、浏览器中运⾏，如下所⽰： http://ECS公⽹IP:8080

四、配置首页

首页的内容主要在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

ss 为每个⻚⾯预渲染⽣成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。
footer: LearnVueonECS Licensed | Copyright © 2020-present

*本人物联网工程大一狗第一次接触markdown，3月份开始接触云服务器，有错误的地方还请多多指教
*