如果想擁有一個屬于自己的博客,自己的個人網站。現在最常用的方法是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的那個倉庫里找到自己的倉庫名,復制
然后在blog文件夾里打開根文件下的_config.yml文件粤咪,在最下面修改成
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“訪問到你自己的網站蟆湖。
接下來在任意一個域名購買網站購買你的域名,這里以萬網為例玻粪。購買之后你需要做兩件事:
在GitHub上放置你的域名——告訴github隅津,我要用這個域名代替你了
在萬網上放置你的Github名——告訴萬網,你以后就把我這個域名通往GitHub了
第一步很簡單劲室,在blog根目錄下的source文件里新建一個文件CNAME(沒有擴展名)伦仍,在里面寫上你的域名xxxx.com(不要寫http和www)。然后hexo g
hexo d
第二步:進入萬網的域名解析頁面很洋,然后進入控制臺:
然后添加一條解析記錄充蓝,如上圖,記錄類型選擇CNAME喉磁,主機記錄填@谓苟,記錄值填你之前的github域名。
做完上面兩步后协怒,你就可以通過你自己的域名訪問網站啦涝焙。