通过使用阿里云+vuepress快速搭建静态个人博客网页页面
首先通过阿里云服务器创建一个esc云服务器实例
安装VuePress程序
- 进入本实例安全组,开放22以及8080端口,22端口是用ssh远程链接的,8080是静态页面需要的端口
- 通过ssh远程链接到服务器
安装Node.js
wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz sudo mkdir -p /usr/local/lib/nodejs sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs vim ~/.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
安装VuePress
npm config set registry https://registry.npm.taobao.org npm install -g vuepress mkdir try_blogs cd try_blogs npm init -y
配置VuePress
vim package.json
修改scripts中的内容如下:"scripts": {"docs:dev": "vuepress dev docs","docs:build": "vuepress build docs"},mkdir docscd docsmkdir .vuepressecho '# Hello VuePress - first blog!' >README.mdcd .vuepressecho >config.jsmkdir publicvue dev docs注: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即可。
在浏览器中运⾏: http://ECS公⽹IP:8080 就能看见刚刚配置的页面了
通过使用阿里云+vuepress快速搭建静态个人博客网页页面相关推荐
- 阿里云ECS服务器搭建wordpress个人博客网站【详细图文教程】
阿里云ECS服务器搭建wordpress个人博客网站[小白专用的图文教程] 在阿里云上搭建使用个人博客主要分为以下几个步骤: 1.购买阿里云ECS主机 2.购买域名 3.申请备案 4.环境配置 5.安 ...
- 手把手教你用 VuePress 快速搭建个人技术博客~
一.什么是 VuePress ? VuePress 是基于 vue 的极简静态网站生成器,实际上就是一个 vue 的单页应用,内置 webpack,可以用来写文档.详见 VuePress中文网 Vue ...
- 阿里云ECS免费搭建WordPress个人博客网站
前期准备工作 我是在阿里云免费领取的三个月云服务器ECS1核2GB版本,免费领取地址:https://click.aliyun.com/m/1000371694/. 注意:试用的时候预装应用记得选择W ...
- 阿里云数据库快速搭建疫情分析系统最佳实践
简介:疫情降临,疫情态势分析和防控任务迫在眉睫,如果快速搭建高效的疫情态势分析系统是众多部门和单位的难题,阿里云RDS PG+Ganos解决方案可在极短时间内完成分析系统搭建,有效助力疫情防控. 直达 ...
- 阿里云轻量应用服务器如何快速搭建WordPress个人博客?
阿里云轻量应用服务器提供了多种应用镜像,您可以直接使用不同的应用镜像快速部署应用环境或网站.本文以WordPress应用镜像为例,介绍如何快速搭建WordPress个人博客及其使用WordPress的 ...
- 轻量版 markdown博客_如何快速搭建自己的博客平台
如何快速搭建自己的博客平台 对于一个程序员来说,搭建一个属于自己的博客平台是非常有意义的事情.首先,博客可以记录自己的成长历程,也是对自己一段时间学习和工作的总结和沉淀:其他,通过博客可以营销自己,增 ...
- 【Microsoft Azure 的1024种玩法】六十.通过Azure Virtual Machines快速搭建个人Ghost博客系统
[简介] Ghost 是一套基于Node.js 语言开发构建的开源博客系统,它的整体架构为前端管理系统基于Ember.js, 后端的模板引擎采用的handlebars, 数据库是基于MySQL的,本篇 ...
- ucloud对象存储装宝塔_使用UCloud优刻得云主机和宝塔面板快速搭建WP个人博客网站教程...
笔者之前一直使用IDC的虚拟主机和FTP软件搭建个人网站,非常简单快速,一个普通网站一般1-2个小时即可搭建完成. 这是第一次使用云主机,云主机与笔者之前使用的虚拟主机相比,就像是一台裸机,没有服务器 ...
- 使用Hexo+ github快速搭建自己的博客网站(一)
Hexo简介 Hexo 是一个简单地.轻量地.基于Node.js的一个静态博客框架.通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成. Hexo特性: - Hexo基于Node.js, ...
最新文章
- keras 的 example 文件 deep_dream.py 解析
- gcc 提供的原子操作
- Linux 用qmake快速生成makefile
- 使用ESP32能驱动电子墨水屏吗?
- elasticsearch_script_02
- SBO的5个开发原则-机遇只给有准备的人[转]
- chrome developer tool 调试技巧2
- 《操作系统》试题及答案
- 宁皓网ninghao.net这个人的教程不错
- Http 协议学习笔记 (燕十三老师)
- 惠州电子计算机职业学校,惠州市十大中专学校排名
- 班农注定落得如此下场
- 惊醒!北漂,你到底在漂什么?
- PG主程序模块(Main)——boot模式
- 手机上的计算机黑屏怎么办,手机黑屏是怎么回事,教您苹果手机黑屏怎么办
- 英文版本Ubuntu下添加中文拼音输入法: Chinese (Intelligent Pinyin)
- Allegro自动对齐工具
- 推荐一款超级好用的AI模型训练平台——Tesra超算网络!
- C站万字详解二叉树基本操作演示程序(附图)
- jquery 获取系统默认年份_js中获得当前时间是年份和月份
热门文章
- 洛谷P1938 找工就业
- c语言学习笔记 关于double
- 极客先锋 如何生成git的公钥和私钥
- Glassfish3 安装后登录时提示:Secure Admin must be enabled to access the DAS remotely
- (转)AS3 面相对象 高级话题
- 《剑指 Offer I》刷题笔记 41 ~ 50 题
- Swift 语言快速入门
- 【SpringMVC笔记】Ajax 入门(jQuery.ajax)
- [转]新来的大神用策略模式把if else给优化了,技术总监说:能不能想好了再改?...
- 我整理了10张超酷炫的可视化大屏,新手也能做,秀到没朋友