在我們日常中要保持不斷的學習,寫技術部落格就是其中一種,程式設計師很有必要有自己的乙個個人部落格,不管是靜態搭建的還是自己從零開始一步步實現的,寫技術部落格都是一種技術分享和學習的有效方法。
這裡我的部落格搭建使用的hexo來搭建的並放在了github-page上,一些人可能看著官方文件會有點亂,這邊我就介紹一下hexo部落格的基本用法,從搭建到部署
npm install hexo-cli -g
如果網速較慢則執行下面這一句,使用**映象
執行完了之後我們在執行
hexo init project_name
cd project_name
npm install
hexo s
執行完後我們就可以在我們的localhost 4000埠看到當前的部落格了。
這是他的乙個預設主題。
hexo使用yml來進行乙個配置的,我們可以看到專案更目錄下有個_config.yml檔案,這就是乙個配置檔案,開啟它可以對基本的一些資訊進行配置。yml配置要在冒號後面加乙個空格
_config.yml
# site
title
: hexo
subtitle:''
description:''
keywords
:author
: john doe
language
: en
timezone
:''
可以看到這邊我們可以配置乙個**的標題,副標題,對**的描述,關鍵字,作者,語言以及時區,我們可以配置下語言為中文,修改為zh-cn即可,其他的可以隨便改,時區可以不填,剩下的都暫時不用修改
hexo部落格有三種一種為post(預設)、page、draft
寫部落格很簡單我們只要執行
hexo new 部落格名
就可以看到根目錄下的source下的post資料夾下產生了乙個部落格名.md,開啟可以看到我們在部落格下有這樣的內容
---
title: one
date: 2020-07-24 21:24:38
tags:
---
這是一篇部落格的資訊,部落格名,事件,標籤,然後就可以用md格式來寫部落格啦。
寫完後重新server一下就可以在4000埠下看到你的部落格了。
page和draft也是同理,只不過page是一篇部落格建立單獨的乙個資料夾,draft是草稿,不會顯示在部落格中
執行
hexo new
page
/draft 名字
然後就可以在themes中的indigo資料夾中的yml配置檔案中修改資料,這邊可以根據作者寫的文件來進行修改,這邊要注意不同的主題修改的配置不一樣的具體還是要看作者的文件來進行安裝配置然後修改專案的yml配置檔案中的theme改為indigo即可
當然這個indigo主題還要自己建立一下tags和categories資料夾
hexo new
page tags
hexo new
page categories
然後再根據作者的readme檔案或者可以修改一下ejs等做乙個自己喜歡的樣子的,這一塊讀者自己摸索。
我這邊做完之後就是這個樣子的
這邊我們部署在github-page上,我們在guthub上建乙個倉庫名字叫做:《你的 github 使用者名稱》.github.io這個名字是固定的不能隨意修改
然後我們安裝
npm install hexo-deployer-git
然後我們在專案的yml配置檔案中修改
deploy
:type
:'git'
repo
: 倉庫位址
然後執行
hexo clean
hexo g
hexo d
執行完後就可以在https://倉庫名 該網頁中訪問到你的部落格了,以後每次寫完部落格或者是修改後在執行上面三步步驟即 hexo搭建個人部落格 使用Hexo搭建個人部落格
node.js 附帶npm git npm install hexo cli g g選項表示全域性安裝 global 即安裝到你的電腦中而非專案目錄中,建議新增,這樣在命令列就可以直接使用hexo命令。hexo init 目錄名稱 cd 目錄名稱 npm i 官方文件已經完整說明了每個配置項的作用,...
個人部落格搭建 hexo
老早就想搭建乙個屬於自己的個人部落格了,之前也弄過乙個,後台到前端完全原生自主編寫,可是終究還是太年輕,很多東西都不會,也不懂得堅持,慢慢就荒廢了。加上幾次的伺服器變更,再加上工作沒精力打理,之前的個人部落格已經完全荒廢了。經過2018年一年時間的沉澱,決定再次搭建乙個屬於自己的部落格了,之前一直在...
Hexo 搭建github個人部落格
主要有一下幾個指令 hexo new n 寫文章 hexo generate g 把文章生成頁面 hexo server s 啟動本地服務除錯 hexo deploy d 部署到github 可與hexo g合併為 hexo d g 如果喜歡以官方教程為主的,點這裡 hexo官方文件 因此以下教程是...