實(shí)例教程-5步搭建個(gè)人博客

2020-08-07 13:45 更新

云開發(fā)是什么?

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

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

本文介紹

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

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

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

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

  • 開通過程大約需要 1 -3 分鐘;
    - 目前僅支持按量付費(fèi)環(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 的文件夾。在該文件夾中,運(yùn)行命令提示符,并執(zhí)行如下命令進(jìn)行初始化:

hexo init

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

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

hexo s

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

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

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

cloudbase login

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

步驟4:構(gòu)建 Hexo 部署文件

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

Hexo g

  1. Hexo 將會(huì)生成部署文件,默認(rèn)將文件生成在 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. 單擊【基礎(chǔ)配置】,在域名信息中找到默認(rèn)域名。

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

更多教程

目前云開發(fā)相關(guān)教程已經(jīng)進(jìn)駐到本站點(diǎn)啦!點(diǎn)擊以下教程馬上學(xué)習(xí):

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號