ECS 7天实践训练营@day01

发表于 | 分类于 |

ECS 7天实践训练营@day01

有的没的

最近也是算空闲在家，所以希望能多学点东西，同时期在学习的内容包括网络爬虫、数据分析等，但是觉得内容需要等边学边写到一定阶段后整理个合集在放到博客上，所以这个博客也有一段时间没有更新，东西在写，之后见面。
ECS 7天实践训练营是由阿里云高校计划发起的帮助学生熟悉云上实践的项目，目前个人有一个博客，一个私有网盘跑在云上，希望能探索更多的实践用法，而且加上自己这方面的知识确实比较匮乏，所以报名了这个训练营。
目前第一天体验下来，感觉训练营的课程很详细很实用，确实能让我学习到很多东西，希望自己能继续坚持。

搭建自己专属的静态网站与云笔记

这是第一天的学习内容，课程主要讲解了两种方案，加上个人在使用的这种方案，接下来对这三种比较容易上手的方案做最粗浅的介绍。

方案一 VuePress

介绍

VuePress是基于Vue的静态网站生成器，主要用于生成技术文档。
主要优点有：

  • 界面简洁优雅
  • 容易上手
  • 兼容markdown语法
  • 发布时间新，插件以及主题丰富（个人意见）

部署步骤

开通云服务器

本次使用的阿里云的服务器，开通流程非常流畅，基本是跟着指示走即可。需要注意的点有

  • 系统尽量选择Centos7，使用范围广，在出现问题时便于查询解决方案
  • 需要在安全组开放用于SSH登录的22端口以及之后网站需要的8080端口
安装Node.js

  1. 登录云服务器，Windows环境下个人推荐Xshell

  2. 通过淘宝镜像下载Node.js 13.9.0 64位安装包（加速下载） 

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

  3. 安装及配置 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    1 创建安装目录
    sudo mkdir -p /usr/local/lib/nodejs
    2 将⼆进制⽂件解压到要安装⽬录
    sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs
    3 使⽤查看node.js版本号命令验证是否解压成功
    cd /usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin
    ./node -v
    4 修改环境变量量，使得能在任意⽬目录下执⾏行行node命令
    vim ~/.bash_profile
    在PATH=$PATH:$HOME/bin 后⾯面添加路径:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin
    5 其他路径下验证
    node -v
    npm version
    npx -v

安装VuePress

  1. 全局安装（采⽤淘宝镜像） 

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

  2. 创建目录 

    1
    2
    mkdir try_blogs
    cd try_blogs

  3. 初始化项目 

    1
    npm init -y
    目录结构 LearningGp

配置VuePress

  1. 修改package.json，将scripts内容修改如下 

    1
    2
    3
    4
    "scripts": {
    	"docs:dev": "vuepress dev docs",
        "docs:build": "vuepress build docs"
    },

  2. 根据目录结构创建相关目录及文件 

    1
    2
    3
    4
    5
    6
    7
    mkdir docs
    cd docs
    mkdir .vuepress
    echo '# Hello VuePress - first blog!' >README.md
    cd .vuepress
    echo >config.js
    mkdir public

  3. 回到try_blogs⽬录，执行命令vuepress dev docs

  • vuepress dev docs 命令运⾏本地服务，通过访问(http://localhost:8080)即可预览⽹站
  • vuepress build docs 命令⽤来⽣成静态⽂件， 默认情况下， 放置在docs/.vuepress/dist⽬录中，当然你也可以在docs/.vuepress/config.js中的dest字段来修改默认存放⽬录。

  1. 在浏览器中运⾏：http://ECS公⽹IP:8080。现实如下成功 LearningGp

  2. 配置首页，修改READAME.d，将内容改为下图 LearningGp 刷新浏览器得到新的首页 LearningGp

方案二 WordPress

介绍

基于 ECS（云服务器）+ CentOS（操作系统）环境，通过部署 LAMP环境并安装 WordPress 快速搭建个人博客。   主要优点有 - 界面简洁优雅 - 容易上手 - 兼容markdown语法 - 自带完善方便的管理界面

部署步骤

阿里云给出了完整的入门场景体验，可以点击链接了解
体验链接

首页

方案三 Hexo+GitHub

介绍

这是我目前使用的方案，也就是这个博客所使用的方案。优点与上两种大致相似，不过由于发布时间较早，现在使用起来有种种小问题需要自行解决，较为麻烦。目前博客集成了浏览统计，文章置顶，next主题，评论功能，后台管理，便签分类等插件。暂时运行良好，不过通过这次学习，正在考虑换成方案一，故在此不再赘述部署步骤等。