使用coding和hexo快速搭建博客


今天教大家怎么用hexo快速搭建自己的博客。我不是專業人士,不懂前端知識,所以我十分討厭那些專業術語,講了一大堆,對於技術小白來說,就像聽天書一樣,雲里霧里的。所以下面的內容都是我自己的理解,語言很通俗,有可能說的不那么專業,還望專業人士勿噴。
首先聲明一點,剛開始搭建博客會比較麻煩,有很多東西大家可能以前沒有聽說過,不要怕,耐着性子一邊看教程一邊動手操作,你一定能夠做出來的!好吧,廢話不多說,現在開始!

幾個應該知道的概念(當然這個跳過去也是可以的)

hexo
hexo是一種博客框架,所謂框架,就是為了解決和處理一個復雜問題的結構,簡單地說,用已經搭建好的框架來搭建博客,就不需要自己一磚一瓦地去構造了。
git
git是一種版本管理系統。當我們要開發一款軟件時,軟件有很多的功能需要完善,所以會出現很多版本,比如1.0,2.0等等,但是,當我們升級到高版本后,突然發現曾經的版本更好用,這時候該怎么辦呢?那么git就是記錄你們每次改版發生的改動,當你想要退回到某一個曾經的版本時,那么就用git直接回退到曾經的版本就可以了。這時候你可能會問,為什么你不把曾經的版本備份下來呢?這樣不是更方便嗎?想法很簡單,但是一個軟件有很多的版本,而且有些軟件還很大,所以這樣直接備份會占用很大空間,會浪費很多資源。而且,git會記錄軟件改版的詳細信息,包括改版的時間,哪個文件發生了變化等等,所以用git管理開發十分方便,這也是未來的趨勢。注意的是,git需要用命令行管理。
GitHub和coding
這兩個是線上的版本管理系統,你可以理解為線上的git,同時他們還有社區的性質。不同的是,GitHub是國外的,也可以說是世界的,因為有很多大牛在上面貢獻自己的開源代碼,包括Google,蘋果,微軟等等世界一流的工程師,在上面開發軟件,會有更多的大牛給你提出意見,幫助你完成開發。而coding是中國的,相對來說名氣更弱一些,但是訪問速度快,還可以免費擁有私人倉庫。所以,這篇教程我們使用coding pages部署博客。

需要下載的東西

1.git
2.node.js
3.notepad++
4.hexo(這個需要用git命令行下載,沒有安裝包,需要在電腦的某一個盤里新建一個文件夾,名字可以隨便取,比如hexo,用來存放你的博客代碼,進入這個文件夾,右鍵,你會看到有git bash hexo的選項,點擊,你就進入了git命令行,輸入命令 npm install hexo-cli -g,稍等片刻,下面出現一堆英文,那證明已經下載完hexo了!)

 
1

 

開始搭建

初始化

在命令行中輸入命令:

    hexo init

稍等一會,出現下面這樣,就初始化完成了。

 

 
2

 

 
3

生成網頁代碼

輸入命令:

    hexo g

g是generate的縮寫,生成的意思。
這時命令行中出現下面的情況:

 

 
4

 

文件夾中出現了一個public的文件夾,這里面就是剛才生成的靜態頁面的代碼,那么下面我們就讓它呈現在瀏覽器中。

 

 
5

本地預覽

在命令行中輸入命令:

    hexo s

s是service的縮寫,在這里你可以理解成在本地預覽你的博客。
這是命令行中出現下面的情形:

 
6


這時不要關閉命令行界面,打開瀏覽器,輸入網址localhost:4000
你會看到下面的頁面:

 
7


這說明你已經在本地搭建起自己的博客了,你離成功已經近了一半了,加油!
下面關掉本地預覽,在命令行中按Ctrl+C,結束預覽。

 

注冊coding

現在我們的博客已經在本地搭建完成,那要怎么才能讓別人看到我們的博客呢?我們選擇把我們的靜態網頁的代碼發到coding上去,然后由coding負責將我們的代碼展現出來。注冊步驟比較簡單,需要聲明的是,如果你以后不想綁定獨立域名,那么coding給你的域名默認為

    倉庫名.coding.me 

而你需要建立的倉庫名需要與你的用戶名保持一致,不然會出現問題,所以慎重起名字。然后填好個人信息,就會升級為銀牌會員(能擁有5個私人倉庫)。

新建倉庫

在coding上面新建倉庫
出現下面的情況:

 

 
9

 

項目名稱寫成你的用戶名,比如我的倉庫名字為vzhiwen,然后描述寫不寫都行,自己選擇公有還是私有,然后直接選擇創建項目。

配置ssh

這個過程的目的是在你的電腦和coding之間建立聯系的通道,不然誰都能往上面增加內容,那你的博客豈不亂套了?
首先查看目錄C:Users\用戶名
有沒有.ssh目錄,如果沒有,在本地blog文件內打開git bash hexo,輸入命令:

    ssh-keygen -t rsa -C "這里填上你的郵箱地址" 

然后按3個回車。
再檢查有沒有.ssh目錄,打開目錄,你會看到出現3個文件:

 
10


然后用notepad++打開id——rsa.pub(這個是公鑰,不帶pub的是私鑰,這個不要泄露出去),你會開到一堆字母,全選復制下來。
下面打來瀏覽器,進入你剛才創建的倉庫,設置-部署公鑰-新建部署公鑰,公鑰名稱可以不填,將剛才復制的公鑰粘貼在公鑰內容里面。把授予權限打上勾!,然后添加就可以了。

 
11

 

站點配置

下面我們進行博客的站點配置,打開blog文件夾,你會看到這樣的文件:

 
8


這個文件的意思就是對你的博客進行一些設置,比如的你的用戶名等等,記住這個文件特別重要!,以后你進行配置都要在這里進行,下面我們用notepad++打開它,這是你的網站信息

 
12


要是不懂英文就查字典寫,注意:名稱后面要放空格,不然會出錯!!!。然后滑倒最下面,填寫你的git地址,這一步特別關鍵,你可以照我這個寫,同樣,別忘了空格!

 
13


然后點擊文件保存或者直接按Ctrl+S。

 

上傳代碼

在blog文件夾中打開命令行,依次輸入命令:

    hexo clean
    hexo g
    hexo d

如果提交不上去,那就下載一個插件,在命令行中輸入命令

    npm install hexo-deployer-git --save

再次提交,就可以了。

clean表示清除緩存,d是deploy的縮寫,意思是將代碼推送到coding,然后等待一些時間,第一次需要輸入coding的用戶名和密碼或者詢問你yes/no,按照說明輸入即可,出現下面的字樣說明推送完畢

 

 
14

打開pages服務

打開瀏覽器,進入coding,代碼-pages服務,部署來源選擇master,然后可以選擇https訪問()這個就是打開你網頁的時候地址欄前面顯示的綠鎖頭,后面寫着安全,如果不選擇,就會出現嘆號,不過影響不大。
現在,你的博客已經基本配置完成,現在就打開你的瀏覽器,輸入你的網址試試吧!

怎么寫博客

hexo博客是需要用markdown語法的,所以方便起見,你最好下載一個markdown的寫作軟件。不過不要為難,markdown特別好用,語法也沒有幾個,上網一搜就會了。你的文章都藏在blog\source_posts,你可以直接在里面新建后綴為.md文件,進行寫作,不過這樣你得寫好文章名和時間等等,我推薦用命令行直接新建,打開命令行,輸入

    hexo new post 2018-02-28 

這樣在_posts文件夾下就出現了一個文件,然后就開始寫作吧!
寫完后,在命令行中依次輸入命令:

                        hexo clean
                        hexo g
                        hexo d

就發表完文章了。不過建議在hexo d 之前輸入hexo s在本地檢查一下在發表。

高級進階配置

現在,一個基本的博客已經搭建完成,那么怎么讓博客變得更加好看,更換不同的主題,擁有更多功能,比如評論,打賞,統計等,都需要我們不停地去折騰才行,下面我給一個鏈接,如果有需要的同學可以自己去研究,這里面的內容很多,我就不在這里說了。
鏈接地址:

    http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html 

寫在后面

折騰的步驟會話費很長時間,但是我們不能在配置博客的過程中迷失自我,忘記了搭建博客的目的。最后,祝大家生活愉快!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM