安装 VuePress | 学习笔记

简介: 快速学习安装 VuePress。

开发者学堂课程【场景实践 - 新手玩转云计算 - 搭建自己专属的静态网站与云笔记安装 VuePress 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/458/detail/5641


安装 VuePress 内容介绍


内容介绍

一、设置安全组

二、安装 Node.js

三、安装 VuePress

 

一、 设置安全组

1、进入本实例安全组

可以看到已有的安全组规则,但是现在需要能远程通过SSH去登陆到这台ECS,所以需要去开放22端口。VuePress 默认是采用8080端口来访问的,所以也需要添加8080端口。这里有两种方式,首先,第一个这里有添加安全组规则和快速创建规则这两种都可以,都尝试一下。点击快速创建规则,这里有需要的SSH22端口,授权对象填为0.0.0.0/0,允许所有的人都来访问,权限比较大。在真正的使用当中,需要把这个权限缩小到最小的范围,来提高安全性,并点击确定,可以看到22端口已经设置完了。

接下来要设置8080端口,可以试一下添加安全组规则,授权对象也是0.0.0.0/0,点击确定。这两个端口就设置完毕了。

2、配置文件中的设置安全组

(1) 进入本实例安全组

(2) 点击配置规则

3、 右上角快速创建规则

4、根据框内内容输入,并点击确定:

SSH(22)

授权对象为:0.0.0.0/0

快速创建规则 添加安全组规则

5、此外,点击“添加安全组规则”,添加8080端口,授权对象为:0.0.0.0/0,并确认。

 

二、 安装 Node.js

教程以 Node.js 13.9.0 64位为例。(VuePress.支持使用 Yakn 和 npm.来安装,Node.js 版本需要>=8才可以。这里我们使用 npm。)

1、远程登录到 ECS 服务器,本实验 ECS 服务器为 Linux 操作系统,因此远程登录ECS

实例的详细步骤,请参考云中沙箱帮助文档远程连接 Linux 系统。链接地址为∶

https://edu.aliyun.com/lab/help?spm=5176.11105641.0.0.KD1Pry&menuld=2-0&docName=doc-remote-connect

2、登录到 ECS 之后,执行如下命令,下载 Node.js 13.9.064位安装包

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

3、创建 Node.js 安装目录

sudo mkdir.-plusr/local/lib/nodejs.

4、将二进制文件解压到要安装目录

sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz-lusr/locallib/

nodejs.

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

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

执行: ./node -v

结果如下:

[[root@iz2ze6qhf67biatdw5sho6Z bin]# ./node -vv13.9.e

6、修改环境变量,使得能在任意目录下执行node命令

vim ~/.bash..profile

找到PATH=$PATH:$HOME/bin,在 PATH=$PATH: $HOME/bin后面添加路径:

/usx/local/1ib/nodejis/node-v13.9.0-1inux-x64/bin,结果为∶

PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v13.9.0-1inux-x64/bin

保存修改,然后重载一下: source ~/.bash.profile

7、到其他目录下验证

 

三、 安装 VuePress

为了加快下载速度,同样采用了淘宝镜像,通过输入 npm install -g vuepress的命令,就能安装。

1、VuePress 的安装目录结构

try..bl.ogs.

一docs //以后要在这里面写文章,直接在此文件夹下新建文件夹,然后建md文档就行,链接会自动生成

—README.md // 这个将会是我们以后的首页

—vuepress //这个里面会存放一些配置和组件

—public //静态文件存放地

—config.js //配置文件,以后的所有配置基本都在这里写

package.json定义这个项目所需要的各种模块,以及相关的配置信息。

Vuepress安装成功会有 added 1150 packages from 544 contributors in 50.059s

界面清理

[ root@iz2ze4ty14huuygfahb73wZ ~]# mkdir try_ blogs

[ root@iz2ze4ty14huuygfahb73wZ ~]# ls//创建try_ blogs的目录

node-v13.9.0-1inux-x64.tar.xz .try_ blogs

[root@iZ2ze4ty14huuygfahb73wZ ~]# cd try_ blogs//进入到这个目录里去

[ root@iZ2ze4ty14huuygfahb73wZ try_ blogs]# npm init -y并进行项目初始化,

Wrote to /root/try_ blogs/package. json:

{

"name": "try_ blogs",

"version": "1.0.0",

'description": " ",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"keywords": [  ] ,

"author": " “,

"license": "ISC"

[ root@iz2ze4ty14huuygfahb73wZ try_ blogs]#

package.j son

[ root@iz2ze4ty14huuygfahb73wZ try_ blogs]# vi package.json// 查看内容

{

' name": "try_ blogs" ,

"version": "1.0.0",

"description":””,

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"keywords": [  ],

"author":””,

"license": "ISC"

}

原始的 package.json 文件内容,相关模块,基本配置

相关实践学习
通义万相文本绘图与人像美化
本解决方案展示了如何利用自研的通义万相AIGC技术在Web服务中实现先进的图像生成。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
|
移动开发 编解码 Linux
EasyPlayer.js直播与回放功能视频开发实战过程记录
EasyPlayer.js直播与回放功能视频开发实战过程记录
1277 0
|
JavaScript 搜索推荐 程序员
Vuepress + gitee五分钟免费搭建个人博客(保姆级教程)
前言 作为一个程序员,没有折腾过个人博客是不算完整的。技术文章的输出是我们程序员能力的一种体现,也是一种非常好的个人总结。 市面上有很多搭建个人博客的工具或框架,包括hexo、wordpress等等。不可否认,市面上有些博客系统做得很好,博客主题也很丰富,但是往往存在一个问题:比较重。 作为一个Vue程序员,我就比较推荐使用vuepress搭建个人博客,因为它毕竟是Vue出品的,大家熟知的vue官方就是利用vuepress搭建的。 本篇文章就从零开始教大家搭建一个免费的博客,零基础小白也可以学习哦!
3663 0
Vuepress + gitee五分钟免费搭建个人博客(保姆级教程)
|
关系型数据库 MySQL
MySQL查看连接数和进程信息
这篇文章介绍了如何在MySQL中查看连接数和进程信息,包括当前打开的连接数量、历史成功建立连接的次数、连接错误次数、连接超时设置,以及如何查看和终止正在执行的连接进程。
1542 10
|
数据可视化 前端开发 JavaScript
【Echarts大屏】数字化巡检可视化大屏(附原码一键复制)
【Echarts大屏】数字化巡检可视化大屏(附原码一键复制)
|
SQL 数据采集 关系型数据库
如何解决MySQL报错 You have an error in your SQL syntax; check the manual that corresponds to your MySQL?
如何解决MySQL报错 You have an error in your SQL syntax; check the manual that corresponds to your MySQL?
13867 2
|
算法 前端开发 开发工具
vitepress从0到1,让每个前后端小伙伴都拥有一个属于自己的博客
这篇文章详细介绍了如何从零开始使用VitePress搭建个人博客,包括项目初始化、配置美化及部署全流程。
|
Java Spring
springBoot 使用 @NotEmpty,@NotBlank,@NotNull 及@Valid注解校验请求参数
springBoot 使用 @NotEmpty,@NotBlank,@NotNull 及@Valid注解校验请求参数
798 7
|
网络安全 数据库 开发工具
安装Gogs及简单配置(使用默认数据库)
最近在折腾git相关的,想自己搭建一个类似github那种的服务,搜了一下,GitLab好是好,但占用资源太多。后来找到Gogs,看起来挺好的,于是尝试搭建一个。我是在Ubuntu 14.04 LTS上安装的,但看gogs说明里推荐使用Windows的新版git……搞不明白了 Gogs需要git相关组件,版本>1.7.1,除此之外别的组件都不是必须的。
8407 0
|
SQL NoSQL 关系型数据库
【并发】高并发下库存超卖问题如何解决?
【并发】高并发下库存超卖问题如何解决?
5796 0