點(diǎn)擊上方藍(lán)字,帶你去看小星星！

小羅giaogiao屋

簡(jiǎn)單易懂的才是最好的

前言：

之前在QQ群發(fā)布了一張博客的插圖：

????同學(xué)說：“老羅你的個(gè)人博客真好看，怎么做的呀？我是剛?cè)腴T的小白，你可以教教我嗎？”

????我看著他渴望的眼神...
? “當(dāng)然可以啊，一小時(shí)，就一小時(shí)給搭好。如果超過一小時(shí)咯，我‘當(dāng)雞立斷’! 嘿嘿，那抓緊時(shí)間哈，我這就詳細(xì)地給鐵汁你說說。本文給剛?cè)腴T的小白介紹一下hexo博客前期搭建的準(zhǔn)備，快快動(dòng)手搭起來~。”

ONE

1

博客建立基礎(chǔ)

需求：Windows系統(tǒng)電腦（Mac、Linux系統(tǒng)的也可以，不過過程可能不太相同，可以查看以下相關(guān)軟件的官方文檔）、Github賬號(hào)（使用倉(cāng)庫(kù)功能）、nodejs

Hexo靜態(tài)博客網(wǎng)站

本地更新以及同步到Github

TWO

2

安裝必要功能

安裝git

參考文章：Git實(shí)用教程（二） | Git簡(jiǎn)介及安裝詳解。（公眾號(hào)回復(fù)：Git，獲取教程）

安裝node.js

Nodejs可以從官網(wǎng)（?https://nodejs.org/en?）下載LTS版本：

安裝后，按下Windows+R，輸入CMD，根據(jù)以下步驟，檢查一下是否正常輸出版本信息：

Three

3

搭建博客

創(chuàng)建倉(cāng)庫(kù)

前提是你得有一個(gè)自己的github賬號(hào)，這年頭，誰(shuí)沒有個(gè)github賬號(hào)。

注意：創(chuàng)建一個(gè)名為username .github.io的存儲(chǔ)庫(kù)，其中username是您在GitHub上的用戶名。如果您已經(jīng)上傳到其他存儲(chǔ)庫(kù)，請(qǐng)重命名該存儲(chǔ)庫(kù)。

例如我的github名字是Alexd star，那么我的倉(cāng)庫(kù)名就是Alexd star.github.io，因?yàn)槲覍戇@篇文章的時(shí)候，我已經(jīng)創(chuàng)建過了，所以他會(huì)報(bào)錯(cuò)已存在。

配置ssh

如果你要使用遠(yuǎn)程從你的電腦上傳文件至你的github倉(cāng)庫(kù)，那么，你就需要配置ssh

1、配置全局變量

git config --global user.name "你自己的名字"

git config --global user.email "你自己的郵箱"

2、生成ssh密鑰

ssh-keygen -t rsa -C "你自己的郵箱"

我小時(shí)候有很多節(jié)日，五月一日是勞動(dòng)節(jié)，六月一日是兒童節(jié)，七月一日是共產(chǎn)黨的生日，八月一日是共產(chǎn)黨軍隊(duì)的生日，十月一日是共產(chǎn)黨中國(guó)的生日，還有元旦和春節(jié)，因?yàn)槲腋赣H是北方人，這些日子我就能吃到包子或者餃子。

將你用戶目錄下.ssh/id_rsa.pub里的全部東西粘貼到key里面，名字隨便取。

id_rsa.pub一般windows會(huì)在C:\Users\用戶名\.ssh目錄下

驗(yàn)證：輸入ssh -T git@github.com，如果出現(xiàn)以下信息即為配置成功，到這里你已經(jīng)成功了一大半了。

博客初始化

在一個(gè)空的文件夾內(nèi)打開cmd，使用hexo init 進(jìn)行初始化，他會(huì)下載一大堆東西。

目錄結(jié)構(gòu)：

.

├── _config.yml

├── package.json

├── scaffolds

├── source

| ? ├── _drafts

| ? └── _posts

└── themes

說明：

node_modules：是依賴包

public：存放的是生成的頁(yè)面

scaffolds：命令生成文章等的模板

source：用命令創(chuàng)建的各種文章

themes：博客使用的主題

config.yml：整個(gè)博客的配置

db.json：source解析所得到的

package.json：項(xiàng)目所需模塊項(xiàng)目的配置信息

博客生成

只需要“一鍵三連”你就能看到你的博客

hexo clean && hexo g && hexo d;

(清除,生成,啟動(dòng)服務(wù))

?當(dāng)當(dāng)當(dāng)當(dāng)！如果你看到了這個(gè)頁(yè)面，那么你就大功告成了。到這里，你看一下你的watch，有沒有一個(gè)小時(shí)，如果超過了的話，當(dāng)我前面沒說（手動(dòng)狗頭）。

上傳至github

??當(dāng)然，如果只能自己看到，這遠(yuǎn)遠(yuǎn)是不夠的，我們發(fā)博客就是為了讓我們的文章能夠幫助到更多人，這時(shí)候你就需要上傳到github進(jìn)行托管，這樣別人就可以訪問到你的博客，看到你的文章了。

??你需要在你的根目錄下的_config.yml配置

# Deployment

##Docs:https://hexo.io/docs/deployment.html

deploy:

type: git

repo:https://github.com/zero028/zero028.github.io.git（你自己的git）

branch: master

???然后使用hexo d 或者hexo deploy上傳，它實(shí)現(xiàn)的原理就是將您的Hexo文件夾的文件推送到存儲(chǔ)庫(kù)。public/默認(rèn)情況下，該文件夾不是（也不應(yīng)該）上傳的，請(qǐng)確保該.gitignore文件包含public/行。文件夾結(jié)構(gòu)應(yīng)與此存儲(chǔ)庫(kù)大致相似，但不包含.gitmodules文件

1、在此之前請(qǐng)先安裝一個(gè)插件

npm install hexo-deployer-git --save

2、部署（上傳到GitHub）

hexo d 或者 hexo deploy

-END-

?最終,你就可以使用你的域名地址https://username.github.io訪問博客了，例如我的是https://lc123.ltd

小劉
“咦？我的怎么和你的不一樣？”
那是我配置了域名和使用了其他的主題，嘿嘿，如果你想知道我是怎么設(shè)置的，請(qǐng)持續(xù)關(guān)注，謝謝！

小羅

? ? ? ? ?

點(diǎn)擊閱讀原文，訪問我的博客