刷朋友圈期間,偶然看到一位碼農同行,在鼓搗hexo,自己心血來潮google了一把,這是個什麼東東?後續一發不可收…..有興趣的同學可移駕到hexo官網,如果你是個英語盲也沒關係,送上hexo中文文件,官網上對hexo的介紹已經很詳細了,我就不在過多描述。僅僅列出自己使用到的一些特性、極其功能。一、環境依賴
二、建站流程,配合github
1.本地初始化
1
hexo init [folder]
2.進入到初始化目錄
1
cd [folder]
可以看到如下目錄結構,理清目錄作用,對後續使用hexo還是挺有幫助的
1234567
8
.├── _config.yml--->主要的配置檔案,這裡可以修改大部分的配置相關資訊
├── package.json--->對於非前端開發來說,可以不必關心
├── scaffolds-----> 模版資料夾,新家blog文章時,以這裡定義的模版填充
├── source
| ├── _drafts--->草稿
| └── _posts---> 新建的文章的markdown原始檔
└── themes--->主題
3.新建markdown文件
1
hexo new "the common hello world"
4.生成靜態檔案
12
hexo generate或者簡寫為 hexo g
5.檢視站點效果
12
hexo server或者簡寫為 hexo s
啟動成功後,開啟http://localhost:4000 即可預覽生成的靜態站點
6.部署到github
1.登入到github,新建repository,注意專案名稱必須為:$.github.io2.修改_config.xml,修改以下git資訊
1234
deploy:type: git
repo: [email protected]:***----》填寫第一步repo的ssh位址
branch: master----->master分支
7.發布到github
12
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...