阿里云ECS训练营第一天——VuePress在线笔记

最新推荐文章于 2024-07-17 09:52:03 发布

渡渡Raven

最新推荐文章于 2024-07-17 09:52:03 发布

阅读量566

点赞数

分类专栏： ECS七天训练营文章标签：阿里云 linux vue

本文链接：https://blog.csdn.net/qq_42415191/article/details/107826101

版权

ECS七天训练营专栏收录该内容

5 篇文章 0 订阅

订阅专栏

阿里云ECS训练营第一天——VuePress在线笔记

提前需要准备的系统环境和安装包
操作流程
总结

提前需要准备的系统环境和安装包

Centos7系统

CentOS 是RHEL（Red Hat Enterprise Linux）源代码再编译的产物，而且在RHEL的基础上修正了不少已知的 Bug ，相对于其他 Linux 发行版，其稳定性值得信赖。
在ECS的更换系统界面选择Centos即可

Node.js安装包

由于Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。地区原因，官方的镜像下载速度可能很慢，所以这里提供阿里云的Node.js镜像，选择Node.js 13.9.0 64位即可
Node.js: link.

npm包管理器

npm（Node Package Manager，即：node包管理器）是nodeJS的一个程序包管理和分发的管理工具，npm完全用JavaScript写成，它可以让全世界与Web前端相关开发者共享代码，非常方便的使用各种插件、库和框架，无需再到处去搜寻需要用到的这些程序。
新版本的Node.js默认打包了npm，不必再额外安装。

MobaXterm终端

MobaXterm 是终端工具箱，有着以下优点。

功能十分强大，支持SSH，FTP，串口，VNC，X server等功能
支持标签，切换也十分方便
众多快捷键，操作方便
有丰富的插件，可以进一步增强功能
免费版功能已经非常强大，对我等贫苦学生而言可以说是非常良心了

操作流程

Step1 安装Node.js

在ECS安全策略开放所有端口
在MobaXterm中使用机器的root密码建立SSH
使用上图左侧sftp工具，把Node.js安装包直接上传到对应目录。养成一个好习惯，在对应目录做对应操作，所以为本次实验建了一个/home/xh/目录。
解压安装包到当前目录

tar -zxvf node-v13.9.0-linux-x64.tar.gz

重命名为nodejs

mv node-v13.9.0-linux-x64 nodejs

为方便在指定目录下使用nodejs建立工程，需要配置环境变量，并将其导出到全局

vim /etc/profile
##添加以下配置
NODE_HOME=/home/xh/nodejs
PATH=$PATH:$NODE_HOME/bin
export NODE_HOME
##保存退出，source刷新最新配置

Step2 配置npm的阿里源

npm config set registry https://registry.npm.taobao.org

Step3 安装Vuepress

npm install -g vuepress

安装Vuepress
速度还是很快的，30s就完成了

Step4 创建工程

在/home/xh/下创建文件夹

mkdir try_blogs

进入try_blogs，初始化工程，确保生成package.json配置文件

npm init -y

修改package.json为以下内容

{
  "name": "try_blogs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"  
},
  "keywords": [],
  "author": "",
  "license": "ISC"
}

按照此目录使用touch建立空白文件，目录用mkdir建立

工程目录
docs以后要在这⾥⾯写⽂章，直接在此⽂件夹下新建⽂件夹，然后再建
md⽂档就⾏，链接会⾃动⽣成
README.md ⾸页
vuepress 这个⾥⾯会存放⼀些配置和组件
public 静态⽂件存放地
config.js 配置⽂件，以后的所有配置基本都在这⾥写

编写README.MD首页内容(遵守MarkDown即可)

---
home: true
heroImage: /favicon.ico
heroText: 渡鸦的Vuepress记录
tagline: 抓紧时间
actionText: 快速上手 →
actionLink: /guide/
features:
- title: 简洁至上
  details: 以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。
- title: Vue驱动
  details: 享受 Vue + webpack 的开发体验，在 Markdown 中使用 Vue 组件，同时可以使用 Vue 来开发自定义主题。
- title: 高性能
  details: VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。
footer: MIT Licensed | Copyright © 2018-present xxxxxx
---