前言
加入實(shí)驗(yàn)室不久就讓我們搭建博客 暴备，有指導(dǎo)視頻但看了一點(diǎn)感覺(jué)完全看不懂就沒(méi)看了汰瘫，自己在網(wǎng)上找蝗拿，看朋友是怎么弄的仓手，自己嘗試摸索。別人都弄出來(lái)了，為啥我用著電腦都出問(wèn)題弄不好溺职，有一段時(shí)間幾乎崩潰澜躺。我憑著強(qiáng)大的毅力不放棄一共搭建了有10次左右終于弄出來(lái)了饿这〖「睿可以說(shuō)所有的問(wèn)題都被我遇見(jiàn)過(guò)（要哭死......),所以我要在這里整理我的經(jīng)驗(yàn)冒冬，在最后面分享一下問(wèn)題經(jīng)驗(yàn)枉侧，希望能給后來(lái)人一些幫助珍剑。
一闻妓、下載軟件
首先舔箭，下載Git官網(wǎng) 2.15.0
node.js官網(wǎng)8.9.0
32位或64位按自己電腦的系統(tǒng)來(lái)選擇桶至，如果不清楚，可以直接在官網(wǎng)下載32位的史辙，可以兼容64位系統(tǒng)甸陌。
想要知道自己的電腦是多少位操作系統(tǒng)溃卡，打開(kāi)“我的電腦”冷尉，在空白處單擊鼠標(biāo)右鍵，點(diǎn)擊“屬性”即可查看。
注:不同軟件版本的安裝與使用會(huì)有差異迈螟。曾經(jīng)就遇到過(guò)因?yàn)閚ode.js版本太低出錯(cuò)搭建不成功。
二妻熊、安裝軟件
1.安裝git
- 大部分按默認(rèn)安裝，一路點(diǎn)擊”Next”
-
這里選擇對(duì)應(yīng)的windows選項(xiàng)，如下圖
image.png
image.png -
等待安裝完成
image.png
2.安裝node.js
-
Node安裝更加簡(jiǎn)單，還是一路”Next”,最后等待安裝完成即可
image.png
image.png
三、驗(yàn)證軟件是否正確安裝
- 同時(shí)按下Win鍵和R鍵（或者點(diǎn)擊“開(kāi)始菜單”->點(diǎn)擊“運(yùn)行”）,打開(kāi)運(yùn)行窗口,輸入“cmd”
然后輸入以下命令，結(jié)果與下圖相同則說(shuō)明安裝正確，若不正確可以卸載軟件重新安裝
- git --version
- node -v
- npm -v
四、申請(qǐng)GitHub賬號(hào)
- 點(diǎn)擊GitHub進(jìn)入官網(wǎng)注冊(cè)帳號(hào)
-
按下圖分別輸入用戶名、郵箱号显、密碼掖桦，然后點(diǎn)擊注冊(cè)
image.png
在這里就不多說(shuō)如何注冊(cè)GitHub賬號(hào)了趁舀，有看不懂的英文復(fù)制粘貼翻譯就好悦荒。
-
點(diǎn)擊”New repository”问芬，新建一個(gè)版本庫(kù)
image.png -
輸入Repository name:yourname.github.io(yourname與你的注冊(cè)用戶名一致
image.png
image.png
*最后點(diǎn)擊”Publish page”,發(fā)布github默認(rèn)生成的一個(gè)靜態(tài)站點(diǎn)
image.png -
驗(yàn)證郵箱薄翅，點(diǎn)擊個(gè)人設(shè)置
image.png -
點(diǎn)擊”Send verification Email”發(fā)送驗(yàn)證郵件
image.png -
進(jìn)入你的郵箱熟丸，查收驗(yàn)證郵件進(jìn)行驗(yàn)證
image.png
五、安裝Hexo
hexo是基于node.js的靜態(tài)博客伪节，官網(wǎng)也是搭建在GitHub上
-
在電腦上新建一個(gè)blog文件夾,該文件夾用于存放你的博客文件,然后右鍵單擊選擇“Git Bash”
image.png
有的是Git Bash here光羞，是一樣的，沒(méi)影響怀大。
安裝hexo為了避免出現(xiàn)被“墻”的情況纱兑，使用淘寶NPM鏡像，輸入以下命令等待安裝完成：
$ npm iall -g cnpm --registry=https://registry.npm.taobao.org
注意復(fù)制時(shí)不要復(fù)制"$",因?yàn)間it上面已經(jīng)有了
如果是第一次安裝則和下圖差不多,如果已安裝或不確定化借，可以輸入命令$ hexo -v看是否安裝潜慎。
注意:全程都要看英文的意思,看不懂復(fù)制粘貼翻譯.
- 使用淘寶NPM安裝Hexo
$ cnpm install -g hexo-cli
與原先的npm完全一樣，只是命令改為cnpm,一樣等待hexo安裝完成
- 出現(xiàn)的WARN可以不用理會(huì),繼續(xù)輸入以下命令
$ cnpm install hexo --save
- 安裝完成后蓖康，在輸入命令铐炫，驗(yàn)證是否安裝正確
$ hexo -v
六、本地運(yùn)行Hexo
-
初始化hexo
image.png - 安裝生成器
$ cnpm install
*運(yùn)行hexo,以后要在本地運(yùn)行博客只要輸入該命令即可
$ hexo s -g
*停止運(yùn)行蒜焊，按住Ctrl+C鍵即可停止
七倒信、管理博客
配置信息
使用
編輯器（綠色軟件無(wú)需安裝，解壓即可使用）打開(kāi)blog/_config.yml文件泳梆，進(jìn)行配置
#博客名稱
title: 我的博客
#副標(biāo)題
subtitle: 一天進(jìn)步一點(diǎn)
#簡(jiǎn)介
description: 記錄生活點(diǎn)滴
#博客作者
author: John Doe
#博客語(yǔ)言
language: zh-CN
#時(shí)區(qū)
timezone:
#博客地址,與申請(qǐng)的GitHub一致
url: http://elfwalk.github.io
root: /
#博客鏈接格式
permalink: :year/:month/:day/:title/
permalink_defaults:
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:
default_category: uncategorized
category_map:
tag_map:
#日期格式
date_format: YYYY-MM-DD
time_format: HH:mm:ss
#分頁(yè)鳖悠，每頁(yè)文章數(shù)量
per_page: 10
pagination_dir: page
#博客主題
theme: landscape
#發(fā)布設(shè)置
deploy:
type: git
#elfwalk改為你的github用戶名
repository: https://github.com/elfwalk/elfwalk.github.io.git
branch: master
- 寫一篇文章
輸入創(chuàng)建文章命令榜掌，生成一個(gè)md文件(/blog/source/_posts/)
$ hexo new "hello"
image.png
- 用編輯器打開(kāi)hello.md文件,編寫完后保存
title: hello
date: 2015-07-01 22:37:23
categories:
- 日志
- 二級(jí)目錄
tags:
- hello
---
摘要:
<!--more-->
正文:
八、發(fā)布博客
配置SSH keys
我們?nèi)绾巫尡镜豨it項(xiàng)目與遠(yuǎn)程的github建立聯(lián)系呢乘综？用SSH keys憎账。
- 生成新的SSH Key：
$ ssh-keygen -t rsa -C "郵件地址@youremail.com"
輸入后，你會(huì)看到
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):
注意1: 此處的郵箱地址瘾带，你可以輸入自己的郵箱地址鼠哥；
注意2: 此處的「-C」的是大寫的「C」
然后系統(tǒng)會(huì)要你輸入密碼：
···
Enter passphrase (empty for no passphrase):<輸入加密串>
Enter same passphrase again:<再次輸入加密串>
···
在回車中會(huì)提示你輸入一個(gè)密碼，這個(gè)密碼會(huì)在你提交項(xiàng)目時(shí)使用看政，如果為空的話提交項(xiàng)目時(shí)則不用輸入朴恳。這個(gè)設(shè)置是防止別人往你的項(xiàng)目里提交內(nèi)容。（我當(dāng)時(shí)就沒(méi)輸密碼允蚣，直接回車）
注意：輸入密碼的時(shí)候沒(méi)有*字樣的于颖，你直接輸入就可以了。
最后看到這樣的界面嚷兔，就成功設(shè)置ssh key了：
- 添加SSH Key到GitHub
在本機(jī)設(shè)置SSH Key之后森渐，需要添加到GitHub上，以完成SSH鏈接的設(shè)置冒晰。
1同衣、打開(kāi)本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub文件。此文件里面內(nèi)容為剛才生成人密鑰壶运。如果看不到這個(gè)文件耐齐，你需要設(shè)置顯示隱藏文件。準(zhǔn)確的復(fù)制這個(gè)文件的內(nèi)容蒋情，才能保證設(shè)置的成功埠况。
2、登陸github系統(tǒng)棵癣。點(diǎn)擊右上角的 Account Settings—>SSH Public keys —> add another public keys
3辕翰、把你本地生成的密鑰復(fù)制到里面（key文本框中）， 點(diǎn)擊 add key 就ok了
設(shè)置git身份信息
···
$ git config --global user.name "你的用戶名"
$ git config --global user.email "你的郵箱"
···
（新建一個(gè)文本文檔狈谊，復(fù)制粘貼修改成你的用戶名和郵箱）
-
發(fā)布更新博客
···
$ hexo d -g
···
image.png
如果看到上面的圖 Deploy done :git 說(shuō)明搭建成功了
發(fā)布時(shí)會(huì)彈出一個(gè)窗口喜命，需要輸入github的帳號(hào)和密碼。輸入完之后過(guò)一會(huì)去瀏覽器查找你的網(wǎng)頁(yè)又可以看到你的博客了河劝。（訪問(wèn)yourname.github.io看下成果）
最后壁榕，也是最重要的，我在搭建過(guò)程中遇到了很多錯(cuò)誤丧裁，在這分享一下錯(cuò)誤以及解決方法。
1.node.js版本太低出錯(cuò)含衔，英文顯示要大于4.0版本
2.搭錯(cuò)了煎娇，刪除文件后重搭建時(shí)二庵，有的程序已走過(guò)，相應(yīng)的步驟不用再弄了缓呛，不然會(huì)出現(xiàn)文件夾不是空的催享，又出錯(cuò)。
3在config哟绊。yml中改寫時(shí)因妙，一定要注意用戶名，網(wǎng)站與GitHub要一樣票髓，冒號(hào)后要有一個(gè)空格攀涵，不然又會(huì)出錯(cuò)。
4.記得helo.md文件也要改洽沟，復(fù)制粘貼即可
5.記得要添加SSH密鑰以故，曾經(jīng)出現(xiàn)過(guò)not found git的情況，應(yīng)該是沒(méi)有添加密鑰裆操，沒(méi)連接github怒详。
6.還出現(xiàn)過(guò)error: Permission to userA.git denied to userB。
出現(xiàn)這個(gè)的原因是電腦上的SHH公鑰已經(jīng)被另一個(gè)賬戶使用踪区，你沒(méi)有權(quán)限昆烁。或者是你改用戶名了缎岗。處理方法是打開(kāi)電腦Control Panel(控制面板)——>User Account and family Safety(用戶賬號(hào)和家庭安全)——>Manage Windows Credential(憑證管理)——>將跟Git有關(guān)的賬號(hào)刪除
然后重新發(fā)布静尼。
我搭建博客的過(guò)程大致就這樣吧，寫在這里回頭看時(shí)又是一番感慨密强，佩服自己茅郎，唉。
