首先給大家看一下我的成品:https://wanghao221./
搭建自己博客分為兩類,一種是托管到github上的,以hexo為代表,另一種是需要自己租服務器,主要使用wordpress框架。有不花錢的效果也很不錯,就沒必要自己再購買服務器了,下邊主要介紹下使用hexo搭建個人博客,。
hexo支持Markdown,使用Markdown來編寫文章,(推薦一個Markdown編輯工具typora,可從官網(wǎng)下載,或者從我上傳的資源中免費下載:https://download.csdn.net/download/qq_44273429/14109665)最終生成的是一個靜態(tài)html頁面,發(fā)布到服務端,訪問效率有天然優(yōu)勢,。
首先需要有GitHub賬戶,沒有的可以注冊:https://github.com/join
1.下載Git
Windows:
https:///download/win(官網(wǎng)下載)
https://download.csdn.net/download/qq_44273429/14109903(上傳在CSDN可免費下載)
linux:
sudo apt-get install git
安裝好后,用右鍵Git Bash Here,git --version
來查看一下版本
2.安裝nodejs
Windows:
https:///en/(windows8以上版本官網(wǎng)下載)
https://download.csdn.net/download/qq_44273429/14110208(windows8及以上版本我上傳在CSDN上的可免費下載)
https:///download/release/v13.14.0/node-v13.14.0-x64.msi(windows7版本下載)
https://download.csdn.net/download/qq_44273429/14110197(windows7版本我上傳在CSDN上的可免費下載)
linux:
sudo apt-get install nodejs
sudo apt-get install npm
安裝完后隨意找處位置右鍵Git Bash Here,顯示版本號說明安裝成功
3.安裝hexo
前面git和nodejs安裝好后,就可以安裝hexo了,你可以先創(chuàng)建一個文件夾blog,然后cd到這個文件夾下(或者在這個文件夾下直接右鍵git bash打開),。
輸入命令
npm install -g hexo-cli
一開始沒反應不要慌,等一會就會像我這樣,顯示花了35秒安裝成功。
然后用hexo -v
查看一下版本
到這里需要安裝的軟件就全部安裝完了,。
先初始化一下hexo
hexo init hexoblog
這個hexoblog可以自己隨便取都行,然后
cd hexoblog //進入hexoblog文件夾
npm install
打開文件夾會看到如下目錄
node_modules: 依賴包
public:存放生成的頁面
scaffolds:生成文章的一些模板
source:用來存放你的文章
themes:主題
_config.yml: 博客的配置文件
hexo g
hexo server
然后在瀏覽器中輸入http://localhost:4000可以顯示如下內(nèi)容
使用ctrl+c可以把服務關掉
4. GitHub創(chuàng)建個人倉庫
在GitHub.com中看到一個New repository,新建倉庫
創(chuàng)建一個和你用戶名相同的倉庫,后面加.,只有這樣,將來要部署到GitHub page的時候,才會被識別,也就是xxxx.,其中xxx就是你注冊GitHub的用戶名,。這里我新建了一個GitHub賬號叫pai-daxing1
點擊create repository。
忘了加.我又重命名了一下,問題不大
5. 生成SSH添加到GitHub
回到你的git bash中,
git config --global user.name "yourname"
git config --global user.email "youremail"
這里的yourname輸入你的GitHub用戶名,youremail輸入你GitHub的郵箱,。這樣GitHub才能知道你是不是對應它的賬戶,。這里我的用戶名是pai-daxing1,郵箱是wh990314@Gmail.com,像我這樣輸上去
git config --global user.name "pai-daxing1"
git config --global user.email "wh990314@Gmail.com"
然后創(chuàng)建SSH,一直回車就可以了
ssh-keygen -t rsa -C "youremail"
youremail
別忘了換成自己的
ssh-keygen -t rsa -C "wh990314@Gmail.com"
這個時候它會告訴你已經(jīng)生成了.ssh的文件夾。在你的電腦中找到這個文件夾C:\Users\Administrator.ssh,。
ssh,簡單來講,就是一個秘鑰,其中,id_rsa是你這臺電腦的私人秘鑰,不能給別人看的,id_rsa.pub是公共秘鑰,可以隨便給別人看,。把這個公鑰放在GitHub上,這樣當你鏈接GitHub自己的賬戶時,它就會根據(jù)公鑰匹配你的私鑰,當能夠相互匹配時,才能夠順利的通過git上傳你的文件到GitHub上。
而后在GitHub的setting中,找到SSH keys的設置選項,點擊New SSH key
把你的id_rsa.pub里面的信息復制進去,。(右鍵以記事本方式打開)
點擊Add SSH key,然后需要輸入你的GitHub登陸密碼,完了之后顯示這樣
在gitbash中,查看是否成功
ssh -T git@github.com
中間問你是否確定,輸入yes
6. 將hexo部署到GitHub
這一步,我們就可以將hexo和GitHub關聯(lián)起來,也就是將hexo生成的文章部署到GitHub上,打開站點配置文件 _config.yml,翻到最后,修改為
pai-daxing1就是你的GitHub賬戶
deploy:
type: git
repo: https://github.com/pai-daxing1/pai-daxing1.github.io.git
branch: master
注意:type:與gihub中間有空格,。
這個時候需要先安裝deploy-git ,也就是部署的命令,這樣你才能用命令部署到GitHub。
npm install hexo-deployer-git --save
然后
hexo clean
hexo generate
hexo deploy
其中 hexo clean清除了你之前生成的東西,也可以不加,。
hexo generate 顧名思義,生成靜態(tài)文章,可以用 hexo g縮寫
hexo deploy 部署文章,可以用hexo d縮寫
注意deploy時可能要你輸入username和password,。
我的電腦突然要我安裝這個,我就安了,我記得第一次建的時候好像沒這步,。
得到下圖就說明部署成功了,過一會兒就可以在http://yourname. 這個網(wǎng)站看到你的博客了!!
點擊授權
http://pai-daxing1.
打開就是這樣了,后面我再說怎么優(yōu)化美觀,事實上我并不想用它寫博客,只是想在上面放些自己想放的東西,比如說放一些HTML小游戲,當做圖床,或者用它來做我的SEO層鏈等等。
github地址:https://github.com/pai-daxing1/pai-daxing1.
更多內(nèi)容
- 基于Hexo和GitHub搭建自己的博客
- java五子棋小游戲含免費源碼
- 免費且好用的GIF錄制軟件LICEcap
長按識別二維碼關注微信公眾號