為什么要寫博客
作為一只程序猿脓匿,踩到坑是一件非常正常的事遍略,當(dāng)我們踩到坑的時(shí)候就會(huì)花心思去研究它,可能我們能夠在當(dāng)時(shí)把問題弄懂并把問題給解決掉崖咨《途校可是過一段時(shí)間我們又遇到了同樣的坑的時(shí)候,難道還要再去 百度 Google 重新搜索一遍嗎掩幢?這樣做效率難免太低了逊拍,倒不如在第一次解決問題的時(shí)候就把解決方法寫到我們的博客了,當(dāng)我們再一次遇到相同的坑的時(shí)候翻一翻我們之前寫的博客就能快速的把問題給解決掉际邻,何樂而不為芯丧。而且我們學(xué)習(xí)新技術(shù)的時(shí)候也可以將當(dāng)時(shí)學(xué)到的內(nèi)容寫到我們的博客,再次遇到的時(shí)候我們就可以找回當(dāng)時(shí)學(xué)習(xí)的思路世曾,繼續(xù)學(xué)習(xí)缨恒。廢話不多說谴咸,馬上開始行動(dòng)起來,搭建博客骗露!
聲明:本文在Windows下進(jìn)行操作的岭佳,Mac以及其它操作系統(tǒng)請做參考 多圖警告!
如果你覺得太麻煩萧锉,歡迎 Fork/Star 我的 GitHub 但是環(huán)境搭建以及怎么使用命令還是要看一看的珊随。
1. 環(huán)境搭建
首先需要下載兩個(gè)東西
- node.js
- git
具體的下載,安裝就不用多說了柿隙,基本上下載完默認(rèn)安裝即可叶洞,安裝的路徑最好先記住。Git 安裝的時(shí)候會(huì)彈出下面的窗口禀崖,我們選擇第二個(gè)即可衩辟。這樣我們在Windows的命令窗口也可以進(jìn)行Git操作了。
1.1 有問題看這里
打開我們剛才安裝軟件的路徑满着,例如我的路徑“D:\Program Files\nodejs”谦炒、“D:\Program Files\Git”。
復(fù)制我們剛才安裝的路徑,打開計(jì)算機(jī)>右鍵單擊屬性风喇,選擇高級系統(tǒng)設(shè)置>選擇環(huán)境變量>雙擊 PATH >將我們安裝的路徑追加到變量值之后 宁改!注意分號以及確定保存
這個(gè)時(shí)候再試一下 node -v 、npm -v 及 git --version 這三個(gè)命令魂莫,一般都不會(huì)有問題的了还蹲。
2. 配置 GitHub
2.1 注冊 GitHub
先到GitHub官網(wǎng)Sign up(注冊)一個(gè)賬號。
2.2 SSH授權(quán)
注冊好賬號之后我們可以隨意的查看其他人的項(xiàng)目,甚至是clone下載倦始,但是要提交代碼就必須完成SSH授權(quán)斗遏,如果可以不用授權(quán)就提交代碼的話,那么Github豈不是亂了套鞋邑。
2.2.1.生成SSH key
打開Git Bash诵次,輸入ssh-keygen -t rsa然后按三下回車账蓉,如下圖所示
2.2.2.在GitHub上添加SSH Key
首先點(diǎn)擊右上角的倒三角進(jìn)入Settings
這一步一般沒什么問題呀舔,有問題的話留言評論(順便來一波打賞)就好了弥虐。直接進(jìn)入下一步!
3. 創(chuàng)建 GitHub 倉庫
需要特別注意的是媚赖,項(xiàng)目名稱一定要使用 你的名字 + .github.io
這一步也沒什么問題霜瘪,如果有問題,一定是你沒有給我打賞(∩_∩)
4. 設(shè)置本地博客的配置
4.1 安裝Hexo
在你認(rèn)為合適的地方創(chuàng)建一個(gè)文件夾惧磺,然后在文件夾空白處按住 Shift+鼠標(biāo)右鍵颖对,然后點(diǎn)擊在此處打開命令行窗口。(同樣要記住啦磨隘,下文中會(huì)使用在當(dāng)前目錄打開命令行來代指上述的操作)
在命令行輸入npm install -g hexo
4.2 初始化Hexo
同樣是在命令窗口中,繼續(xù)輸入 hexo init设预,等待下載好了之后輸入 hexo s
接下來先看一下我們的博客文章放在哪里。打開我們的文件夾下面的source文件夾吸奴,你會(huì)發(fā)現(xiàn)里面有一個(gè)_posts文件夾允扇,再進(jìn)入就會(huì)看到一片初始化的文章hello-world.md也就是上圖顯示在頁面的文章缠局。如果我們想新建文章的話,可以通過命令窗口輸入hexo new 'filename'我們的文件夾下面就會(huì)生成一個(gè)新的md文件考润,然后我們打開編輯就可以了狭园。
4.3 發(fā)布博客
首先復(fù)制我們的GitHub項(xiàng)目地址,如下圖糊治。
deploy 是部署的意思井辜,type: git 就是使用 git 進(jìn)行部署绎谦,repo: github倉庫地址
注意:repo 原本是沒有的,在最后自己加上就好粥脚。冒號之后有一個(gè)空格 冒號之后有一個(gè)空格 冒號之后有一個(gè)空格
接下來回到命令窗口窃肠,輸入 npm install hexo-deployer-git --save
5. 個(gè)性化設(shè)置(更換主題)
有木有覺得這個(gè)博客的默認(rèn)主題特別的丑,如果不覺得可以忽略這一步(哈哈)天通。
這里以我使用的主題為例泊窘。
第一步去找我們想要的主題,然后下載下來像寒。我用的是next主題烘豹,在命令窗口輸入git clone https://github.com/iissnan/hexo-theme-next themes/next
每一個(gè)主題都有一個(gè)使用文檔蚌卤,next的使用文檔為 http://theme-next.iissnan.com/getting-started.html 我們可以為我們的主題修改名字,添加評論等等奥秆,具體的你們就自己去研究了逊彭。如果你們覺得太麻煩的話,歡迎大家直接 Fork 我的构订,地址為 https://github.com/AD-feiben/hexo 當(dāng)然里面的也有大家要修改的地方侮叮。
如果文章對你有所幫助,那么請您點(diǎn)一下?
由于本人水平有限悼瘾,如有錯(cuò)誤囊榜,歡迎大家指正审胸。如果你在操作過程中發(fā)現(xiàn)一些沒有講到的錯(cuò)誤或者問題,歡迎在評論留言卸勺,一起探討砂沛,共同學(xué)習(xí)進(jìn)步!
有錢的來波贊賞曙求,沒錢的幫忙宣傳一下(上不了首頁0帧)