Hexo博客框架—輕量、一令部署

来源:https://www.cnblogs.com/helong-123/archive/2022/04/28/16202186.html
-Advertisement-
Play Games

為什麼要使用Hexo Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多數插件. 並自己也擁有 ...


為什麼要使用Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多數插件. 並自己也擁有強大的插件系統。

通過本教程中,你將從頭開始構建自己的應用,分別使用Hexo CLI 和 雲開發平臺

Hexo-CLI 快速搭建項目

一、搭建本地開發環境

● Hexo 需要Node.js 版本不低於 10.13,建議使用 Node.js 12.0 及以上版本。您可以使用n、nvm或nvm-windows 在同一臺機器上管理多個版本的Node。 要瞭解如何安裝 Node.js,參閱nodejs.org。 如果你不確定系統中正在運行的 Node.js 版本是什麼,請在終端視窗中運行node -v。

● npm 包管理器 因為我們通常都會使用Hexo 提供的腳手架搭建項目結構,所以要下載並安裝 npm 包。本指南使用 npm 客戶端命令行界面,該界面預設安裝在 Node.js。要檢查你是否安裝了 npm 客戶端,請在終端視窗中運行 npm -v 。

● 你可以使用 Hexo CLI 來創建項目,生成應用和庫代碼,以及執行各種持續開發任務,比如測試、打包和部署。

要安裝新軟體包,請使用以下命令之一:

npm install -g hexo-cli

● 進階安裝和使用

對於熟悉 npm 的進階用戶,可以僅局部安裝 hexo 包。

npm install hexo

安裝以後,可以使用以下兩種方式執行 Hexo:

  1. npx hexo

  2. 將 Hexo 所在的目錄下的 node_modules 添加到環境變數之中即可直接使用 hexo

echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile

二、創建新的初始應用

● 要想創建一個新的初始應用項目,請執行:

hexo init <folder>

● 新建完成後,指定文件夾的目錄如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

三、啟動應用伺服器

進入工作區目錄,並啟動這個應用。

cd <folder>
npm install
hexo server

hexo server命令會構建本應用、啟動開發伺服器、監聽源文件,並且當那些文件發生變化時重新構建本應用,

也會打開瀏覽器,並訪問 http://localhost:4000/

你會發現本應用正運行在瀏覽器中。

參考文獻:https://hexo.io/zh-cn/

雲平臺一鍵部署Hexo

一、創建環境

想要一鍵部署Hexo,需要以下賬號和服務:

● Github賬號 ( https://github.com/ ),

● 阿裡雲賬號,並使用阿裡雲賬號登錄雲開發平臺 ( https://workbench.aliyun.com/ ),為保證最好的使用體驗,請使用Chrome瀏覽器。開通OSS服務。

● 未開通阿裡雲OSS的用戶,點擊鏈接 (https://workbench.aliyun.com/product/open?code=oss )開通OSS服務。OSS開通免費,有一定的免費額度,超過額度之後按量付費。

file

二、創建Hexo應用

● 創建前端應用。打開快速開始 https://workbench.aliyun.com/app ,找到Hexo點擊創建「創建應用」按鈕。

file

● 雲資源訪問授權。如果您之前沒有使用過雲開發平臺,會出現雲資源授權管理的選項,往下拉出現直至同意授權的字樣,點擊「同意授權」後出現授權成功,點擊進入「下一步」。

file

● 綁定Github賬號。授權完成後選擇來源倉庫為Github,按照提示點擊去綁定,綁定GitHub帳號,登錄後並點擊Authorize Aliyunworkben允許雲開發平臺構建、發佈你的GitHub代碼為可訪問的網站。

file

● 選擇fork好的“Hexo”代碼倉庫。選擇第一步中的代碼倉庫,主幹分支,並點擊下一步。主幹分支一般指的是代碼的master或main等分支。

file

填寫基本信息,完成創建。填寫基本信息並點擊「完成」。成功後進入到應用詳情和部署界面。

file

三、在日常環境部署

● 一鍵進行應用部署。在應用詳情頁面點擊日常環境的「部署」按鈕進行一鍵部署,部署狀態變成綠色已部署以後可以點擊訪問部署網站查看效果。

file

● 訪問Hexo網站。日常環境的測試功能變數名稱也是可以訪問的,點擊訪問已部署網站按鈕會出現一個彈出,點擊彈出上的立即訪問就能夠訪問已經部署好的站點了。在部署完成後,可以繼續本地編碼,並將代碼push到應用的“基本信息”中對應的代碼倉庫內。

file

阿裡雲開發多端應用平臺

框架不管是日常工作、學習都會涉及到的領域,既如此挑選一款適合自己的應用不止操作起來更順暢同時也使身心愉悅,帶來一天的好心情。

●那諸多的應用怎麼去挑選合適自己的呢?

● 每一個都去下載、去看相關操作文檔去實驗?

● 又或者聽取同學、同事的建議用著其中一款?

● 可是每個人的使用場景、需求、特征都一樣嗎?

● ······

帶著以上諸多疑惑進入雲開發平臺,有多種框架映入眼帘例如:Vue.js、React、Nuxt.js、Next.js、AntDesign等,其中還能看到一些內容管理平臺例如:Hexo、Docusaurus、VuePress、Sapper等。在此條件下我們先挑一個較為感興趣的應用點開去嘗試部署,會發現在原來線上部署應用真的像在手機上下載APP一樣簡單、快速。一個如此、其他便皆是大同小異了,多嘗試一些應用發現每個的相同與不同,自然而然挑選最適合自己需求的應用去在日常所用即可。

忙不完的活,做不完的工作,工作效益最高化是個人都在追求的,那勞逸結合必是肯定的。雲開發平臺也有一些小游戲去幫助大家緩解小心情,類似頭像生成器、2048等。玩著自己部署出來的應用成就感可就加倍呢,如果不喜歡游戲的整體佈局、顏色等,那也可以根據從雲開發平臺部署的經驗在去原有代碼基礎上去修改、部署等。這樣專屬自己的一款游戲就出來了呢,如果有心愛之人送給她這也合成不是一種浪漫呢!

file


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 為增強ArkUI開發框架的圖像處理能力,ImageKnife組件應運而生。本期我們將為大家帶來ImageKnife的介紹。 ...
  • 今天差不多從中午開始下午一點才開始學的,把git學了一大半了,還好任務不是很多,但是我上午用的時間挺值的,因為我去搞了個cnblogs的背景主題,就是你們現在所看到的這套,這個沒搞明白有一通研究的,只不過現在已經搞熟悉了,添加那些參數,不得不說挺強大的,這個自己編輯頁面的功能,我最滿意的這套主題,是 ...
  • 大家好,我是半夏👴,一個剛剛開始寫文的沙雕程式員.如果喜歡我的文章,可以關註➕ 點贊 👍 加我微信:frontendpicker,一起學習交流前端,成為更優秀的工程師~關註公眾號:搞前端的半夏,瞭解更多前端知識! 點我探索新世界! 原文鏈接 ==>http://sylblog.xin/archi ...
  • 前言 記錄一下學習html,初識前端,記錄一些html的常用標簽,雖然簡單,但會經常用到。 <h1> 標題標簽</h1> 標題標簽 <p>段落標簽</p> 段落標簽 換行標簽</br> 換行標簽 水平線標簽</hr> 特殊符號 &nbsp; &lt; &gt; &amp; &yen; &copy; ...
  • 567網頁的組成: html:超文本標記語言,網頁結構層. CSS:層疊樣式表,網頁的樣式. Javascript:腳本語言,規定了網頁交互行為. 什麼是JS? JS是基於對象和事件驅動的解釋型腳本語言. JS特點: 基於對象:JS中萬物皆對象.JS中的任何內容都由一個對象來描述.任何操作都是由對象 ...
  • 想必大家在做網頁表格的時候一定遇到過這種情況吧 表格出現了“雙線”,但是我們需要一個“單線”的表格 比較常用的解決方案 解決方案1: 在表格的樣式中添加border-collapse: collapse;以設置邊框合併(如果border-collapse的屬性值為collapse,則會忽略 bord ...
  • 一 、通過雲開發平臺快速創建初始化應用 1.創建相關應用模版請參考鏈接: Hexo博客框架—輕量、一令部署 2.完成創建後就可以在github中查看到新增的Hexo倉庫 二 、 本地編寫《賽博朋克風格》個人博客 1.將應用模版克隆到本地 ● 首先假定你已經安裝了Git、node,沒有安裝請移步nod ...
  • 先說一些廢話 之前學習Nodejs項目的時候使用了pm2作為生產環境的進程管理工具,最近伺服器崩了需要重啟一些服務,發現有些命令記得不是特別清楚, 所以這裡寫一篇文章幫助自己記憶整理一下pm2的常用命令,後續有需要查閱一下即可~ 常用命令 進入bin目錄啟動:pm2 start www / pm2 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...