hexo自建部落格框架

2021-10-24 23:11:58 字數 1466 閱讀 5944

刷朋友圈期間,偶然看到一位碼農同行,在鼓搗hexo,自己心血來潮google了一把,這是個什麼東東?後續一發不可收…..有興趣的同學可移駕到hexo官網,如果你是個英語盲也沒關係,送上hexo中文文件,官網上對hexo的介紹已經很詳細了,我就不在過多描述。僅僅列出自己使用到的一些特性、極其功能。

一、環境依賴

二、建站流程,配合github

1.本地初始化

1
hexo init [folder]

2.進入到初始化目錄

1
cd [folder]

可以看到如下目錄結構,理清目錄作用,對後續使用hexo還是挺有幫助的

123

4567

8

.

├── _config.yml--->主要的配置檔案,這裡可以修改大部分的配置相關資訊

├── package.json--->對於非前端開發來說,可以不必關心

├── scaffolds-----> 模版資料夾,新家blog文章時,以這裡定義的模版填充

├── source

| ├── _drafts--->草稿

| └── _posts---> 新建的文章的markdown原始檔

└── themes--->主題

3.新建markdown文件

1
hexo new "the common hello world"

4.生成靜態檔案

1

2

hexo generate 

或者簡寫為 hexo g

5.檢視站點效果

1

2

hexo server

或者簡寫為 hexo s

啟動成功後,開啟http://localhost:4000 即可預覽生成的靜態站點

6.部署到github

1.登入到github,新建repository,注意專案名稱必須為:$.github.io

2.修改_config.xml,修改以下git資訊

123

4

deploy:

type: git

repo: [email protected]:***----》填寫第一步repo的ssh位址

branch: master----->master分支

7.發布到github

1

2

hexo deploy

或者簡寫為 hexo d

8.檢視線上靜態部落格站點資訊

更換主題

ps 遇到的坑點

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

本教程是在博主完成配置並正確執行後才進行編寫的,所以並沒有配置以及執行過程的截圖,本教程的執行環境是linux的centos版本 字面意思,部落格框架就是給了你乙個部落格的架子,然後你自己在根據你自己的情況或者喜好進行修改定製 注意,這裡的架子並不是指給你乙個靜態頁面然後你自己往裡面寫 扣資料加資料...

hexo搭建部落格

有乙個github賬號,沒有的話去註冊乙個 安裝了node.js npm 安裝了git 新建乙個名為你的使用者名稱.github.io的倉庫,比如說,如果你的github使用者名稱是test,那麼你就新建test.github.io的倉庫 必須是你的使用者名稱,其它名稱無效 將來你的 訪問位址就是 ...

Hexo 部落格搭建

本站的部落格搭建採用hexo next主題,部署在github pages。下面手把手帶你搭建免費高效的部落格系統 hexo 快速 簡潔且高效的部落格框架,基於nodejs環境。hexo使用markdown 或其他渲染引擎 解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。安裝前提 git win...