很开心能参加ECS 7天实践训练营,今天是第一天---梦の静

简介: 利用云服务器搭建一个简单的云笔记(VuePress)VuePress是以Vue驱动的静态⽹站⽣成器,说白了跟Hexo差不多,生成的都是静态页面。

利用云服务器搭建一个简单的云笔记(VuePress)VuePress是以Vue驱动的静态⽹站⽣成器,说白了跟Hexo差不多,生成的都是静态页面。

开始记录:

1.创建云服务器,配置安全组(放行22/80/443/8080)

2.ssh登录云服务器,常用putty和XShell,个人比较喜欢putty,简洁。当然,更简洁的直接用CMD执行ssh root@{ip} 即可。

image.png
3.登录服务器后安装安装Node.js
image.png

命令也很简单:

wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz
4.创建安装目录并解压文件

mkdir -p /usr/local/lib/nodejs
tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs
5.进入该文件夹,使用./node -v命令查看是否安装成功。

cd /usr/local/lib/nodejs
./node -v
输出当前node.js版本号
6.修改环境变量,使得能在任意⽬录下执⾏node命令
image.png

vi ~/.bash_profile
找到 PATH=$PATH:$HOME/bin,在PATH=$PATH:$HOME/bin 后⾯添加路径:

/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

结果为:
PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin
保存修改,然后重载⼀下: source ~/.bash_profile

7.安装 VuePress
image.png

为加快下载安装速度,采⽤淘宝镜像。

npm config set registry https://registry.npm.taobao.org
npm install -g vuepress

8.创建⼀个⽂件夹作为⽬录

mkdir my_blogs
cd my_blogs

项⽬初始化

npm init -y
初始化后会⽣成⼀个package.json⽂件,之后进⼊配置步骤。
image.png

9.设置package.json的脚本配置
image.png

vim package.json

修改scripts中的内容如下
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
},

10.在当前目录新建一个文档目录

在当前⽬录中创建⼀个⽂档⽬录

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

11.回到try_blogs⽬录,执⾏命令

vuepress dev docs

或者下面的命令

npm run docs:dev
注: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即可。

12.⾸⻚配置示例

修改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

13.运行展示:
image.png

14.嗯~别看了~没东东了//

相关实践学习
通义万相文本绘图与人像美化
本解决方案展示了如何利用自研的通义万相AIGC技术在Web服务中实现先进的图像生成。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
|
2月前
|
人工智能 自然语言处理 安全
Python构建MCP服务器:从工具封装到AI集成的全流程实践
MCP协议为AI提供标准化工具调用接口,助力模型高效操作现实世界。
441 1
|
12月前
|
弹性计算 前端开发 JavaScript
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
|
弹性计算 前端开发 JavaScript
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
|
12月前
|
弹性计算 前端开发 JavaScript
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
|
7月前
|
弹性计算 Linux 云计算
阿里云操作系统控制台——ECS操作及云计算应用实践
本文详细介绍了云服务器ECS的使用流程,包括开通服务、系统配置、权限管理、组件安装及内存全景诊断等关键步骤。通过开通阿里云操作系统服务、授予RAM用户权限和安装必要组件,可实现对服务器的有效管理与维护。在内存诊断部分,展示了如何发起诊断并解析结果,帮助精准定位内存问题。此外,文章还讲解了利用ECS训练模型的操作方法,从上传文件到终端命令执行,直至完成模型训练。最后总结指出,掌握这些技能不仅提升了对云服务器架构的理解,还为实际业务提供了高效解决方案,展现了ECS在数据处理与分析中的重要价值。
326 8
阿里云操作系统控制台——ECS操作及云计算应用实践
|
弹性计算 前端开发 JavaScript
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
|
12月前
|
弹性计算 前端开发 JavaScript
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
|
8月前
|
Kubernetes 监控 Serverless
基于阿里云Serverless Kubernetes(ASK)的无服务器架构设计与实践
无服务器架构(Serverless Architecture)在云原生技术中备受关注,开发者只需专注于业务逻辑,无需管理服务器。阿里云Serverless Kubernetes(ASK)是基于Kubernetes的托管服务,提供极致弹性和按需付费能力。本文深入探讨如何使用ASK设计和实现无服务器架构,涵盖事件驱动、自动扩展、无状态设计、监控与日志及成本优化等方面,并通过图片处理服务案例展示具体实践,帮助构建高效可靠的无服务器应用。
|
9月前
|
存储 人工智能 运维
面向AI的服务器计算软硬件架构实践和创新
阿里云在新一代通用计算服务器设计中,针对处理器核心数迅速增长(2024年超100核)、超多核心带来的业务和硬件挑战、网络IO与CPU性能增速不匹配、服务器物理机型复杂等问题,推出了磐久F系列通用计算服务器。该系列服务器采用单路设计减少爆炸半径,优化散热支持600瓦TDP,并实现CIPU节点比例灵活配比及部件模块化可插拔设计,提升运维效率和客户响应速度。此外,还介绍了面向AI的服务器架构挑战与软硬件结合创新,包括内存墙问题、板级工程能力挑战以及AI Infra 2.0服务器的开放架构特点。最后,探讨了大模型高效推理中的显存优化和量化压缩技术,旨在降低部署成本并提高系统效率。
|
9月前
|
人工智能 监控 测试技术
阿里云磐久服务器稳定性实践之路
阿里云服务器质量智能管理体系聚焦自研服务器硬件层面的极致优化,应对高并发交付、短稳定性周期、早问题发现和快修复四大挑战。通过“三个重构”(质量标准、开发流程、交付模式)、“六个归一”(架构、硬件、软件、测试、部件、制造)策略,实现芯片、整机和云同步发布,确保快速稳定上量。此外,全场景测试体系与智能预警、分析、修复系统协同工作,保障服务器在萌芽阶段发现问题并及时解决,提升整体质量水平。未来,阿里云将继续深化大数据驱动的质量管理,推动服务器行业硬件质量的持续进步。

热门文章

最新文章