win10+hexo+github搭建個(gè)人博客
參考:https://hexo.io/形庭,博客用于記錄自己的學(xué)習(xí)工作歷程
參考以下步驟安裝
1萌踱、搭建環(huán)境準(zhǔn)備(包括node.js和git環(huán)境,gitHub賬戶(hù)的配置)
2槽地、安裝 配置Hexo,配置將Hexo與github page結(jié)合起來(lái)
3迁沫、怎樣發(fā)布文章 主題 推薦 主題
4、Net的簡(jiǎn)單配置 添加sitemap和feed插件
5捌蚊、添加404 公益頁(yè)面
安裝并配置環(huán)境
win10+Node.js+git+github
- Node.js下載地址:https://nodejs.org/en/download/
- Git下載地址:https://git-scm.com/
- Github 地址:https://github.com
安裝node.js 和 git 步驟省略集畅,按默認(rèn)傻瓜式安裝即可
注冊(cè)github賬號(hào)并創(chuàng)建一個(gè)以 github昵稱(chēng).github.io 命名的倉(cāng)庫(kù)
根據(jù)圖中,注冊(cè)一個(gè)github賬號(hào)缅糟,昵稱(chēng)自定義挺智,然后創(chuàng)建一個(gè)新項(xiàng)目,名字為:github昵稱(chēng).github.io
- 項(xiàng)目創(chuàng)建完成之后窗宦,本地生成ssh 私鑰和公鑰赦颇,用于連接github認(rèn)證,使用上面下載的git赴涵,打開(kāi)git bash
ssh-keygen -t rsa -C "github注冊(cè)郵箱(自定義)" -f .ssh/shaonbean
# -f 輸出以昵稱(chēng)命名的公鑰和私鑰媒怯,方便記憶
- 公鑰生成之后加到github上,方便后面的使用髓窜,用戶(hù)本地和github進(jìn)行ssh通信
到這里github設(shè)置告一段落
安裝配置hexo
注:hexo安裝前提需安裝node.js 和git
- hexo官網(wǎng):https://hexo.io/
- hexo官方文檔:https://hexo.io/docs/
文中以J盤(pán)為例扇苞,創(chuàng)建目錄github并創(chuàng)建字目錄(用于存放項(xiàng)目)
vdevops@shaon MINGW64 /j/github/shaonbean
# 注: 如果是linux環(huán)境下搭建的hexo博客,不建議使用root權(quán)限
- 下載安裝hexo
npm install -g hexo-cli
# 等待片刻纱烘,執(zhí)行hexo如下圖表示安裝成功
hexo
- 初始化博客
這里以shaonbean為博客目錄杨拐,執(zhí)行下面命令
hexo init shaonbean # 創(chuàng)始化項(xiàng)目
cd shaonbean
npm install
- 測(cè)試本地建站是否成功,輸入:
hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
# 出現(xiàn)上面兩行擂啥,即表示本地建站成功
- 初始化博客以后哄陶,能看到下圖:
- 配置博客
博客根目錄初始化完成之后進(jìn)項(xiàng)自定義配置,這里用到_config.yml
自定義博客的相關(guān)信息
編輯_config.yml配置文件哺壶,進(jìn)行修改屋吨,參考下面配置:
title: itdevops
subtitle: DevOps is everything
description: From Zero to the DevOps
author: shaonbean
language: zh-CN
timezone: Asia/Shanghai
# language和timezone 有規(guī)范蜒谤,注意格式
配置個(gè)人域名
url: http://vdevops.com
配置部署
deploy:
type: git
repo: https://github.com/shaonbean/shaonbean.github.io.git
branch: master
repo項(xiàng)是之前Github上創(chuàng)建好的倉(cāng)庫(kù)的地址
exec ssh-agent bash
ssh-add MYKEY
# 這里是針對(duì)本地設(shè)置多個(gè)github賬號(hào)進(jìn)行操作
- 本地生成兩對(duì)密鑰對(duì),然后在~/.ssh/目錄下新建config文件至扰,參考下面填入:
#————GitHub—————
Host github
HostName github.com
User git
PreferredAuthentications publickey
IdentityFile ~/.ssh/id_rsa
# github.io
Host github.io
HostName github.com
User git
PreferredAuthentications publickey
IdentityFile ~/.ssh/itdevops
- 測(cè)試本地ssh連接github是否正常
ssh -T git@github
ssh -T git@github.io
# 筆者這里第二個(gè)賬號(hào)沒(méi)設(shè)置成功鳍徽,臨時(shí)使用的https方式進(jìn)行的通信
- 使用https,github賬號(hào)加密碼的方式來(lái)進(jìn)行hexo的部署敢课。配置如下:
deploy:
type: git
#repo: git@github.io:shaonbean/shaonbean.github.io.git
repo: https://shaonbean:shaonbeanpassword@github.com/shaonbean/shaonbean.github.io.git
branch: master
message: devops
配置完成之后阶祭,現(xiàn)在可以進(jìn)到設(shè)置的項(xiàng)目目錄里面通過(guò)hexo部署到github
進(jìn)到你的項(xiàng)目目錄。命令行執(zhí)行下面命令:
hexo g # 本地生成數(shù)據(jù)庫(kù)文件直秆,目錄等
hexo d # 部署到遠(yuǎn)程
- 新建一篇博客
hexo new post "devops"
然后通過(guò)電腦編輯器(atom)對(duì)文章進(jìn)行編輯濒募,編輯完成之后,再次運(yùn)行上面的生成圾结,部署命令
hexo g # 本地生成博客
hexo d # 發(fā)布到遠(yuǎn)程
hexo d -g #在部署前先生成
注: 安裝git擴(kuò)展
npm install hexo-deployer-git --save
# 沒(méi)安裝插件可能報(bào)錯(cuò):deloyer not found:git
- ssh key報(bào)錯(cuò)
Permission denied (publickey).
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
后面筆者會(huì)專(zhuān)門(mén)寫(xiě)一篇添加ssh 密鑰的文章
- 部署完成可以看到github上面shaonbean.github.io瑰剃,已經(jīng)存在文件,通過(guò)瀏覽器訪(fǎng)問(wèn)如下:
從上面可以看出我們已經(jīng)成功部署到遠(yuǎn)程筝野,并能夠正常訪(fǎng)問(wèn)晌姚。
配置博客主題
選擇NexT,star最多歇竟,原因不多說(shuō)
知乎主題推薦:https://www.zhihu.com/question/24422335
cd /j/github/shaonbean.github.io # 這里項(xiàng)目名可以自定義
git clone https://github.com/iissnan/hexo-theme-next themes/next
- 更換主題完成后挥唠,訪(fǎng)問(wèn):