實例教程-5步搭建個人博客

2020-08-07 13:45 更新

云開發(fā)是什么?

用一句話來講,云開發(fā)是騰訊云提供的云原生一體化開發(fā)環(huán)境和工具平臺,為開發(fā)者提供高可用、自動彈性擴縮的后端云服務,包含計算、存儲、托管等 Serverless 化能力,可用于云端一體化開發(fā)多種端應用(小程序、公眾號、Web 應用、Flutter 客戶端等),幫助開發(fā)者統(tǒng)一構建和管理后端服務和云資源,避免了應用開發(fā)過程中繁瑣的服務器搭建及運維,開發(fā)者可以專注于業(yè)務邏輯的實現(xiàn),開發(fā)門檻更低,效率更高。詳情可查看云開發(fā)社區(qū)官網(wǎng)

你完全可以用自己熟悉的語言,去完成一個完整的上線應用。廢話不多說,跟著本文借助搭建個人博客教程,來看看如何通過通過云開發(fā)的巧妙接入,低成本快速上線對外可訪問的博客站點,快來體驗嘗試,又能 get 到一項新技能了~

本文介紹

本文主要介紹如何使用云開發(fā)快速搭建一個簡介的 Hexo 博客框架,無需搭建服務器、無需購買域名,即可完成您的博客搭建與部署。 最終博客成果展示如下:

步驟1:開通靜態(tài)網(wǎng)站托管

對了,針對新用戶,云開發(fā)提供1個環(huán)境的免費資源,以及1個月的靜態(tài)托管免費體驗,也提供了默認域名,大家可以放心使用繼續(xù)往下學習。

登錄 云開發(fā) CloudBase 控制臺,在 靜態(tài)網(wǎng)站托管 頁面中,點擊【開始使用】按鈕即可開通靜態(tài)網(wǎng)站托管。

  • 開通過程大約需要 1 -3 分鐘;
    - 目前僅支持按量付費環(huán)境開通靜態(tài)托管。

步驟2:安裝 CloudBase CLI 以及本地部署 Hexo

1、在本地安裝 Node.js:如果未安裝請前往 Node.js 官網(wǎng) 下載安裝,并確保 Node.js 安裝成功。 2、安裝 CloudBase CLI。打開命令提示符,執(zhí)行如下命令:

npm i -g @cloudbase/cli hexo-cli

3、執(zhí)行完畢后,在本地新建名稱為 Hexo 的文件夾。在該文件夾中,運行命令提示符,并執(zhí)行如下命令進行初始化:

hexo init

4、在初始化過程中,您可以看到如下圖的輸出:

5、初始化完成后,執(zhí)行如下命令,啟動預覽:

hexo s

預覽后,在瀏覽器中打開 localhost:4000,即可看到部署的 Hexo 博客。

步驟3:初始化云開發(fā) CLI

  1. 在本地打開命令提示符,執(zhí)行如下命令:

cloudbase login

  1. 執(zhí)行命令時,系統(tǒng)將拉起瀏覽器授權,請登錄上述 步驟2 中創(chuàng)建云開發(fā)環(huán)境的賬號,進行確認授權。

步驟4:構建 Hexo 部署文件

  1. 打開命令提示符,進入到 步驟1 創(chuàng)建的 Hexo 文件夾中,執(zhí)行如下命令:

Hexo g

  1. Hexo 將會生成部署文件,默認將文件生成在 Public 文件夾下:

  1. 執(zhí)行如下命令,將 Hexo 部署到云開發(fā)靜態(tài)托管中(需要將 EnvID 替換為 步驟2 中您創(chuàng)建的環(huán)境 ID)。

cloudbase hosting:deploy public -e [EnvID]

步驟5:瀏覽部署的 Hexo

  1. 回到云開發(fā)控制臺 靜態(tài)網(wǎng)站托管 頁面。

  1. 單擊【基礎配置】,在域名信息中找到默認域名。

  1. 在瀏覽器中輸入該鏈接并回車,即可打開線上部署好的 Hexo 博客。

更多教程

目前云開發(fā)相關教程已經(jīng)進駐到本站點啦!點擊以下教程馬上學習:

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號