基于VuePress搭建个人博客

基于VuePress搭建个人博客

使用到的环境及软件版本：CentOS Linux release 7.8.2003 (Core)

Node.js 13.9.0 64位

VuePress简介

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

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

运行原理

VuePress网站实际上是由Vue, Vue Router和webpack驱动的单页面应用程序。如果你以前使用过Vue，那么在编写或开发自定义主题时(甚至可以使用Vue DevTools来调试你的自定义主题! )，你会融入到熟悉的开发体验中!
在构建过程中，我们会创建应用程序的服务器渲染版本，并且实际上是通过访问每个路由，来渲染相应的HTML。这种方式受到Nuxt的nuxt generate命令以及 Gatsby等其他项目的启发。
每个markdown文件都使用markdown-it编译为HTML,然后作为Vue组件的模板进行处理。这允许你直接在markdown文件中使用Vue,在需要嵌入动态内容时，这种使用方式非常有用。

特性

• 轻量级
• 界面简洁优雅
• 内置markdown扩展，针对技术文档进行了优化
• 能够利用内嵌在markdown文件中的Vue代码

安装VuePress

如果是云服务器，请确保安全组规则已经创建好了，我们需要开放22端口以供ssh连接和8080端口以供VuePress访问。

1. 安装Node.js
2. 安装VuePress

安装Node.js

教程以 Node.js 13.9.0 64位为例。（VuePress⽀持使⽤Yarn和npm来安装， Node.js版本需要>=8才可以。这⾥我们使⽤npm。）

1、通过ssh远程登录到Linux服务器,

2、登录之后，执行下面的命令下载Node.js安装包。

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

如下图所示：

3、创建Node.js安装目录：

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

4、将⼆进制⽂件解压到要安装⽬录

sudo tar -xJvf node-v