阿里雲ECS伺服器和Vuepress實現靜態部落格

2021-10-23 10:33:23 字數 2643 閱讀 4353

步驟

開通伺服器

安裝vuepress

配置vuepress

(這裡不做詳細描述)

得益於阿里雲高校計畫，之前領取了一台ecs伺服器，系統是centos

配置安全組，開放8080埠

然後通過ssh連線上自己的伺服器，這裡推薦乙個連線的軟體，不用每次都輸密碼(mobaxterm)

登入進ecs伺服器後，在命令框中執行下面**塊

安裝node

wget
1)建立node.js安裝⽬錄

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，在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

5)到其他⽬錄下驗證

cd


node -v


npm version


npx -v
npm config set registry 


npminstall -g vuepress
2、建立⼀個⽂件夾作為⽬錄

mkdir try_blogs


cd try_blogs
3、項⽬初始化

npm init -y
初始化後會⽣成⼀個package.json⽂件

1、設定package.json的指令碼配置

vim package.json
2、修改scripts中的內容如下：

"scripts"


:
儲存後退出

3、在當前⽬錄中建立⼀個⽂檔⽬錄

mkdir docs
4、建立.vuepress⽬錄

cd docs


mkdir .vuepress
5、新建⼀個md⽂件

echo


'# hello vuepress - first blog!'


>readme.md
6、 建立config.js配置⽂件

cd .vuepress


echo


>config.js
7、建立public⽬錄

mkdir public
8、完成後的⼯作⽬錄如下：

try_blogs

├─ docs //以後要在這⾥⾯寫⽂章，直接在此⽂件夾下新建⽂件夾，然後再建

md⽂檔就⾏，鏈結會⾃動⽣成

│ ├─ readme.md // 這個將會是我們以後的⾸頁

│ └─ .vuepress // 這個⾥⾯會存放⼀些配置和元件

│ └─ public // 靜態⽂件存放地

│ └─ config.js //配置⽂件，以後的所有配置基本都在這⾥寫

└─ package.json

9、回到try_blogs⽬錄，執⾏命令

cd


..> vuepress 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即可。

11、在瀏覽器中運⾏： http://ecs伺服器公⽹ip:8080

阿里雲ECS伺服器搭建

阿里雲ecs伺服器搭建 有試用資格 點選進入阿里云云產品試用中心，選擇下圖產品，點選試用30天。無試用資格 點選進入ecs主頁，如下圖點選立即購買，約花費0.08元.二 開始搭建 試用的同學，請選擇試用規格和任意映象，然後跳轉到第3步驟 1 選擇基礎配置 購買時，如圖選擇按量付費，選擇cpu和記憶體...

免費體驗阿里雲ECS雲伺服器

大家在第一次接觸ecs伺服器的時候一定一臉懵逼吧，對此阿里雲為大家特地提供了雲服務的一些基礎操作的體驗平台，讓大家對ecs伺服器不再陌生，下面就跟著我的部落格一起學習吧！通過阿里雲提供的免費一小時體驗阿里雲ecs雲伺服器服務，遠端登陸ecs例項，並部署應用。然後，登陸管理控制台，並對這台ecs例項進...

阿里雲ECS伺服器部署django

參考 伺服器安裝的是centos 系統。uwsgi是使用pip安裝的。nginx是使用yum install nginx安裝。python 2.7，mysql 5.5使用 yum安裝。它們之間的邏輯關係如下 the web client the web server the socket uwsgi...