用GitHub免費搭建自己的博客網站

先給你們看看個效果網站:

https://www.a2data.cn/

環境準備:

  • Node.js

  • Hexo

  • Git

  • GitHub SSH key

  • Typora (Md格式書寫工具)

  • idea(就是編輯工具,推薦webstorm)


安裝Node.js

中文網:https://nodejs.org/zh-cn/download/

官方網站:https://nodejs.org/en/

直接下載對應的安裝包,之後一頓操作,跟安裝QQ一樣。

安裝步驟如下:

 

選擇安裝

 

安裝完成

查看是否安裝成功

啓動:win鍵(就是windows圖標得那個按鍵) + R

輸入:cmd

清空:cls

安裝hexo

npm install hexo-cli -g

輸入npm install hexo -g,開始安裝Hexo

輸入 hexo -v 查看是否安裝成功

提示:這個命令可以用cmdwebstom或者git的命令界面去運行。。

創建博客

# 方式1 一定要是一個空的文件夾
mkdir sqlsq.github.io
cd sqlsq.github.io
hexo init

提示:這個命令可以用webstom命令界面去運行。。

啓動服務就可以訪問你的博客了 

hexo s

本地訪問

到此,你已經可以搭建hexo 博客了,恭喜一波。

就直接點一下http://localhost:4000/就可以訪問你的博客了

以上你的個人博客就創建完成了!如果你也想讓別人訪問你的網站你就要把你的這個項目上傳到你的GitHub!

接下來小編教你怎麼上傳到github並且設置好所有的配置!

 

安裝Git

官網:https://git-scm.com/downloads

下載直接默認下一步即可:

 

 

配置自己的ssh

桌面鼠標右鍵,點擊Git Base Here。

# 設置 git 相關信息
git config --global user.name "你得暱稱"
git config --global user.email "your.email"


# 生成密鑰
ssh-keygen -t rsa -C "youemail" # a2data@[email protected]

`連續回車 3連擊` 即可完成密鑰的生成創建。

查看密鑰

輸入cd ~/.ssh,檢查是否由.ssh的文件夾 ls 查看
# 本部分需要在 github上使用,彆着急請往下看。

cat id_rsa.pub

 

 

先在本地創建一個文件把你的密鑰保存下來,下面需要配置github ssh的時候需要用到!就不需要再查詢了!

註冊Github

打開github官網:https://github.com

選擇你得職業相關信息:

創建並且會給你發郵件激活:

登錄郵箱激活:

 

配置Github

 

配置key

完成配置

測試配置是否成功

輸入ssh -T [email protected],測試添加ssh是否成功。
輸入yes,
如果看到Hi後面是你的用戶名,就說明成功了

配置成功之後就在GitHub創建你的項目倉庫!用來保存你的博客

創建倉庫

注意:倉庫名格式必須只能這樣寫 你的用戶名+github.io 比如我github名字是zenganiu   那我的倉庫名就是 zenganiu.github.io

 

上傳你本地的博客到Github

 

修改配置

修改你博客根目錄中_config.yml文件,把你的github的倉庫鏈接配置上去!

deploy:
type: git
repository: [email protected]:nianshaofeng/nianshaofeng.github.io.git
branch: master

注意:格式repository填的是你的github倉庫的ssh地址

怎麼查看自己的倉庫的ssh地址?

配置好之後就可以把自己本地的博客上傳到github了!

發佈部署

# 在生成以及部署文章之前,需要安裝一個擴展:如下圖
npm install hexo-deployer-git --save

# 把項目打包

hexo g 

# 把項目提交到github

hexo d

 

這樣你的博客就上傳成功了!你就可以讓你的朋友直接訪問你的博客項目了!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章