hexo部落格框架 next主題的初步使用

2021-10-02 23:06:16 字數 3342 閱讀 9278

本教程是在博主完成配置並正確執行後才進行編寫的,所以並沒有配置以及執行過程的截圖，本教程的執行環境是linux的centos版本

字面意思，部落格框架就是給了你乙個部落格的架子，然後你自己在根據你自己的情況或者喜好進行修改定製（注意，這裡的架子並不是指給你乙個靜態頁面然後你自己往裡面寫**扣資料加資料），hexo提供了一整套標準的部落格**應該具備的所有功能，具體可通過修改配置檔案或者輸入相應的指令進行更改，當然，具體的可以去看官方文件（手動滑稽）

安裝該框架非常簡單，但需要先安裝node.js和git。

tar -xvf node-v12.13.1-linux-x64.tar.xz
然後刪除壓縮包，當然，你刪不刪都無所謂

因為採用的是非安裝包安裝的形式,所以需要手動配置環境變數

首先找到linux裡的profile檔案，然後在檔案裡隨便乙個位置加入一下配置

export node_home=/你nodejs解壓的根目錄


export path=$path:$node_home/bin 


export node_path=$node_home/lib/node_modules
完成後記得執行以下語句進行提交

source 你進行修改後的profile檔案
最後檢查你是否安裝成功

node -v


npm -v
如果出現版本號則表示安裝成功(注意上面兩個指令都要執行)

至此nodejs的安裝結束，當然，你也可以選擇安裝包的形式進行安裝

sudo yum install git-core
然後就沒有然後了，恭喜你，完成了git的安裝

執行

npm install -g hexo-cli
安裝完畢

安裝成功後，你需要建立乙個用來儲存你的部落格**的資料夾，然後進到這個資料夾裡執行以下指令

hexo init


npm install
執行完成後，資料夾內的結構如下：

.


├── _config.yml


├── package.json


├── scaffolds


├── source


| ├── _drafts


| └── _posts


└── themes
至此，部落格框架安裝完成，你可以輸入以下指令來啟動hexo

hexo clean
這是清除hexo在linux上的快取

如果上述流程都沒有問題，那麼你已經成功獲得了乙個屬於你自己的部落格**模板了，接下來就是對這個模板進行修改或者說定製了，是不是有點小興奮？好的，就讓我們開始吧

hexo框架有兩個配置檔案，下面進行操作的都是hexo的站點配置檔案，**的配置檔案顧名思義，就是對**的某些數值或者功能進行配置，以達到個性化定製的結果（當然，這個定製化程度並不是太深，更多的是對標題，所屬，字型等一些必要的地方進行填充）

首先，你需要進入hexo的根目錄，進入_config.yml檔案中

vim _config.yml
yml檔案的格式為值鍵對，並且欄位與值之間需要用空格隔開（yml檔案使用空格，空行來表現層次關係），所以你可以看到諸如title,subtitle,description,keywords,author,timezone等字段，你也看到了，數量很多，所以這裡就不一一舉例，詳細的可以去閱讀官方文件，修改完成後記得儲存

而更換主題的方式也非常簡單

首先進到hexo下的themes檔案

cd /hexo/themes
hexo clean


hexo s
再次訪問127.0.0.1:4000來測試

cd /hexo/themes/next/


vim _config.yml
其中有`auto_excerpt·字段，具體效果為每一篇文章只顯示預覽，不顯示全文。

通過true或者false進行控制

建立一篇文章

首先進入你hexo的根目錄下

hexo new 你的文章標題
vim ***.md
你會看到如下內容

字段內容

title

你文章的標題，會在頁面中顯示

date

建立這篇文章的時間，會在頁面中顯示，並且在歷史記錄中作為排序的引數

br#categories

這篇文章的分類，會在分類頁面中顯示，作為找到這篇文章的乙個索引

請根據你的具體情況修改

hexo new page 你建立的新頁面名稱（這裡使用「分類」）
控制台會顯示建立了乙個資料夾，位於hexo根目錄下的source資料夾中，hexo中的新頁面是以資料夾的形式存在的，進入其中：

cd /hexo/source/categories
你會看到index.md檔案，不要猶豫，進去

vim index.md
type: categories
其他的標籤頁面，存檔頁面或者是你自定義的頁面也大同小異

那麼，到這，hexo部落格框架+next主題的初步使用教程就結束了，當然，本文所寫的只是博主實際進行配置和執行的流程，還有許多的配置以及使用方法沒有一一說明，畢竟，這真的只是乙個初步教程（手動滑稽），能讓你快速搭建乙個你自己的部落格**，如果想深入了解，就得靠你自己的挖掘了。

hexo中next主題部落格

hexo n 部署命令 hexo clean 先清除public目錄 hexo g 生成發布檔案 gulp 壓縮 hexo d 發布常用命令介紹 命令簡寫 hexo n 我的部落格 hexo new 我的部落格 新建文章 hexo g hexo generate 生成 hexo s hexo ser...

Hexo部落格 Next主題歸檔頁美化

大家在使用hexo部落格的next主題的時候應該都覺得原來預設的歸檔頁面很醜吧，最近也有小夥伴問我這個歸檔頁面美化怎麼弄的，今天就小小的總結一下。我的歸檔頁面 首先我們開啟next主題目錄 注意這個美化樣式只支援next主題 然後找到next layout macro post collapse.s...

小白搭建hexo的Next主題部落格

家裡的網路可算搞好了！quq.是時候更新一波部落格了！言歸正傳 寒假前無意間看到高年級的學長自己做的部落格 很精美！動心了之後決定自己做乙個 高仿版 說實話自己沒有想到如今建立自己的部落格 已經這麼發達便捷，因為自己的前端知識並不多，開始前一度擔心完不成。這是效果圖 古人云 工欲成其事必先利其器。在...