阿里云
为了无法计算的价值
打开APP
阿里云APP内打开
学习中心> 场景实践 - 新手玩转云计算 - 搭建自己专属的静态网站与云笔记> 正文

场景实践 - 新手玩转云计算 - 搭建自己专属的静态网站与云笔记

6课时 |
5718人已学 |
免费
课程介绍

VuePress是受欢迎的极简静态网站生成器,它还为书写技术文档而优化的默认主题,非常适合建设自己的博客与云笔记功能。本课程将为初学网站建设的开发者介绍使用阿里云ECS,快速搭建、管理VuePress网站的技能。

 

相关的阿里云产品云服务器ECS

云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

了解产品详情: https://www.aliyun.com/product/ecs

 

课程介绍

内容介绍

一、Vue Press介绍
二、运行原理(how it works)
三、特性(features)
 
  1. VuePress 介绍

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

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

二、运行原理(how it works)

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

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

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

三、特性(features)

1、内置markdown扩展,针对技术文档进行了优化

2、能够利用内嵌在markdown文件中的Vue代码

我的学习进度
请登录后查看您的学习进度!
立即登录
本课程相关云产品