【技能學習】用Hexo搭建個人網站

如果想擁有一個屬于自己的博客,自己的個人網站。現在最常用的方法是Wordpress+VPS或者Hexo+Github。這些具體是什么台谊?這里有詳細的教程。

一. 搭建博客前需要了解的知識

首先譬挚,想搭建一個博客锅铅,我們最主要的是兩個大步驟:
一: 在本地能夠生成、創(chuàng)建一個網站
二:將我們在本地生成的網站托管在服務器上减宣,從而在任何地方都能看到我們的網站

1. Wordpress還是Hexo

那么我們想實現第一個步驟盐须,最常用的就是Wordpress或者Hexo。這兩個工具可以幫助我們生成一個網站漆腌。
區(qū)別:
Wordpress用于生成動態(tài)網站贼邓,體積比較大,有點臃腫屉凯,但是基本不涉及代碼層面立帖,適合沒有代碼基礎的人使用.眼溶。
(常與VPS或虛擬主機一起使用悠砚,所以少量需要資金。)
Hexo用于生成靜態(tài)網站堂飞,有點折騰灌旧,需要一點點代碼基礎,原生支持markdown绰筛,更專注于寫作枢泰。
(常與GIthub、coding一起使用铝噩,免費衡蚂。)

總結:如果你想免費,愿意折騰骏庸,建議用Hexo毛甲;如果你不介意錢,不想折騰具被,建議用Wordpress玻募。

2. VPS還是Github、coding

很簡單一姿,愿意花錢:VPS
想要免費:Github七咧、coding
對于個人博客跃惫,兩個都完全足夠。

我選擇的是Hexo+Github的方式創(chuàng)建網站艾栋,畢竟免費的嘛爆存。

二. Hexo方面

首先下載安裝Hexo的環(huán)境:Node.js
檢查是否安裝成功: node -v
如果顯示了版本號,說明安裝成功

之后的步驟只需要幾行代碼就可以解決:

sudo npm install -g hexo-cli    #安裝Hexo
hexo init blog    #blog可以換成其他名字,這一步初始化博客
cd blog              # 進入blog文件夾
npm install
hexo g                # 生成靜態(tài)網頁
hexo s                # 預覽網站
看到這個提示蝗砾,說明成功了

之后進入網址:localhost:4000便可以看到我們目前布置好的網站终蒂。

簡簡單單幾行代碼,我們就已經用Hexo建立了一個網站遥诉,但是這個網站仍然在本地拇泣,接下來我們需要將網站托管到GitHub上。

三. Github方面

我們用GitHub來托管我們的網站矮锈,先注冊一個GitHub賬號霉翔,然后創(chuàng)建一個Project,倉庫名一定要是 “用戶名.github.io
這個倉庫就是我們用來放我們網站的地方苞笨,我們要想把網站放上來债朵,就需要進行雙向允許。什么是雙向允許瀑凝?就是倉庫同意接收該網站和該網站允許自己被上傳序芦。

1. 讓網站允許自己被上傳

在GitHub的那個倉庫里找到自己的倉庫名,復制

image

然后在blog文件夾里打開根文件下的_config.yml文件粤咪,在最下面修改成

image

2. 讓Github同意接收網站

步驟如下:

git config --global user.name "你的GitHub用戶名"
git config --global user.email "你的GitHub注冊郵箱"
ssh-keygen -t rsa -C "你的GitHub注冊郵箱"

改成你自己的郵箱谚中,使用默認值一路回車。
如果一切順利的話寥枝,可以在用戶主目錄里找到.ssh目錄宪塔,里面有id_rsa和id_rsa.pub兩個文件,這兩個就是SSH Key的秘鑰對囊拜,id_rsa是私鑰某筐,不能泄露出去,id_rsa.pub是公鑰冠跷,可以放心地告訴任何人南誊。

登陸GitHub,打開“Account settings”蜜托,“SSH Keys”頁面:
然后抄囚,點“Add SSH Key”,填上任意Title盗冷,在Key文本框里粘貼id_rsa.pub文件的內容:點“Add Key”怠苔,你就應該看到已經添加的Key。

這樣GitHub便會無條件接收你網站里的內容更新仪糖。

四. 最后連通GitHub與網站

到現在為止柑司,你已經有了一個真正的自己的網站迫肖,任何人都可以訪問你的網站。
你的網站域名是:https://你的倉庫名.github.io/

進行以下步驟:

npm install hexo-deployer-git --save
hexo g      #將修改的內容變成網頁形式
hexo d      #將渲染好的網頁部署到GitHub上  

Bingo!

五. 域名綁定

目前為止攒驰,你已經可以通過“倉庫名.github.io“訪問到你自己的網站蟆湖。

接下來在任意一個域名購買網站購買你的域名,這里以萬網為例玻粪。購買之后你需要做兩件事:

  1. 在GitHub上放置你的域名——告訴github隅津,我要用這個域名代替你了

  2. 在萬網上放置你的Github名——告訴萬網,你以后就把我這個域名通往GitHub了

第一步很簡單劲室,在blog根目錄下的source文件里新建一個文件CNAME(沒有擴展名)伦仍,在里面寫上你的域名xxxx.com(不要寫http和www)。然后hexo g hexo d

第二步:進入萬網的域名解析頁面很洋,然后進入控制臺:

控制臺
添加記錄

然后添加一條解析記錄充蓝,如上圖,記錄類型選擇CNAME喉磁,主機記錄填@谓苟,記錄值填你之前的github域名。

做完上面兩步后协怒,你就可以通過你自己的域名訪問網站啦涝焙。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市孕暇,隨后出現的幾起案子仑撞,更是在濱河造成了極大的恐慌,老刑警劉巖芭商,帶你破解...
    沈念sama閱讀 206,126評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件派草,死亡現場離奇詭異搀缠,居然都是意外死亡铛楣,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 88,254評論 2 382
  • 文/潘曉璐 我一進店門艺普,熙熙樓的掌柜王于貴愁眉苦臉地迎上來簸州,“玉大人,你說我怎么就攤上這事歧譬“痘耄” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評論 0 341
  • 文/不壞的土叔 我叫張陵瑰步,是天一觀的道長矢洲。 經常有香客問我,道長缩焦,這世上最難降的妖魔是什么读虏? 我笑而不...
    開封第一講書人閱讀 55,185評論 1 278
  • 正文 為了忘掉前任责静,我火速辦了婚禮,結果婚禮上盖桥,老公的妹妹穿的比我還像新娘灾螃。我一直安慰自己,他們只是感情好揩徊,可當我...
    茶點故事閱讀 64,178評論 5 371
  • 文/花漫 我一把揭開白布腰鬼。 她就那樣靜靜地躺著,像睡著了一般塑荒。 火紅的嫁衣襯著肌膚如雪熄赡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 48,970評論 1 284
  • 那天齿税,我揣著相機與錄音本谜,去河邊找鬼。 笑死偎窘,一個胖子當著我的面吹牛乌助,可吹牛的內容都是我干的。 我是一名探鬼主播陌知,決...
    沈念sama閱讀 38,276評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼他托,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了仆葡?” 一聲冷哼從身側響起赏参,我...
    開封第一講書人閱讀 36,927評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎沿盅,沒想到半個月后把篓,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,400評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡腰涧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,883評論 2 323
  • 正文 我和宋清朗相戀三年韧掩,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片窖铡。...
    茶點故事閱讀 37,997評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡疗锐,死狀恐怖,靈堂內的尸體忽然破棺而出费彼,到底是詐尸還是另有隱情滑臊,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評論 4 322
  • 正文 年R本政府宣布箍铲,位于F島的核電站雇卷,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜关划,卻給世界環(huán)境...
    茶點故事閱讀 39,213評論 3 307
  • 文/蒙蒙 一膘融、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧祭玉,春花似錦氧映、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至振峻,卻和暖如春臼疫,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背扣孟。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評論 1 260
  • 我被黑心中介騙來泰國打工烫堤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人凤价。 一個月前我還...
    沈念sama閱讀 45,423評論 2 352
  • 正文 我出身青樓鸽斟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親利诺。 傳聞我的和親對象是個殘疾皇子富蓄,可洞房花燭夜當晚...
    茶點故事閱讀 42,722評論 2 345

推薦閱讀更多精彩內容