在github上搭建我的博客

一、平臺註冊帳號,新建域名html

github(源碼託管服務站):https://github.com/
到GitHub官網,註冊本身的帳號,填好用戶名,密碼,郵箱,並完成郵箱驗證就能夠啦!
默認的域名是http://username.github.io/,(username爲你想要的名字)若是想要一個特別的域名,能夠買一個域名,並在setting裏面綁定就能夠了。
以上完成了第一步,咱們有本身的代碼倉庫了,接下來咱們要配置本機環境了!
二、Windows環境搭建
(1)node.jshttps://nodejs.org/en/download/
(2)githttps://git-scm.com/downloads
(3)工具安裝完成以後,打開命令窗口(Win+R,輸入CMD,回車),分別輸入: node -v ,  npm -v ,  git version 。
若出現版本號,則安裝成功。
三、服務器 SSH受權node

 cd ~/.ssh  #檢查本機已存在的ssh密鑰,若是提示:No such file or directory 說明你是第一次使用git。

 ssh-keygen -t rsa -C "dinphy1205@126.com"  #生成keygen密鑰:ssh-keygen -t rsa -C "郵件地址",而後連續3次回車,最終會生成一個文件在用戶目錄下,打開用戶目錄(C:\Users\Administrator),找到.ssh\id_rsa.pub文件,記事本打開並複製裏面的內容,打開你的github主頁,進入我的設置 -> SSH and GPG keys -> New SSH key:[直達](https://github.com/settings/keys),將剛複製的內容粘貼到key那裏,title隨便填,保存。

 ssh -T git@github.com  # 測試是否成功,注意郵箱地址不用改。若是提示Are you sure you want to continue connecting (yes/no)?,輸入yes,而後會看到:Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.看到這個信息說明SSH已配置成功!

此時你還須要配置:
 git config --global user.name "dinphy"  #你的github用戶名,非暱稱  git config --global user.email "dinphy1205@126.com"  #填寫你的github註冊郵箱

四、用到的模板:hexogit

(1)安裝hexo
在任意一個地方新建一個文件夾,打開這個文件夾後右鍵選擇git bash,輸入命令: npm install -g hexo 安裝hexo便可。github

注意,在回車以後,可能會出現一行WARN的警告語句,不用管它,什麼都不要按,等着。。。過一段時間若是出現hexo版本號之類的語句就表明差很少了。
而後輸入命令: npm install hexo --save  出現WARN的警告語句,不用管它,緊接着輸入命令: hexo v  查看是否安裝成功。
以後會列出十多行環境配置清單,說明安裝好了。
彆着急,就快成功了,再堅持一小小下,嘿嘿。
(2)初始化hexo
在任意一個地方新建一個文件夾,打開這個文件夾後右鍵選擇git bash,輸入命令: hexo init  實現初始化。
出現INFO Start blogging with Hexo!語句,說明初始化成功。
下載好了,再輸入命令: hexo s  啓動服務,這時候咱們就能夠打開瀏覽器了,在地址欄中輸入http://localhost:400/,咱們就能夠看到搭建好的博客界面了,咱們的博客建成功啦!!!開不開心?高不高興?是否是頗有成就感?
咱們能夠去看一下咱們的源碼的位置,就在以前新建的那個文件夾裏,在source -> _posts文件夾下,有一篇hello-world.md的初始化文章,若是想要添加新的文章,能夠在命令行輸入 hexo new 'filename' ,就會生成一個新的.md文件,對它編輯就能夠了。
(3)上傳項目
先打開配置文檔_config.yml,對它作以下修改,repository後面的內容是  git@gitbub.com:username/庫地址  的形式
注意:type、repository、branch冒號的後面都有一個空格
shell

=====================================================
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:dinphy/dinphy.github.io.git
branch: master
=====================================================

部署好以後,咱們就能夠上傳咱們的代碼咯npm

回到命令行窗口,輸入 npm install hexo-deployer-git --save ,
再輸入 hexo g ,而後再 hexo d ,就能夠將咱們public裏面的代碼上傳咯,在GitHub上能夠看到咱們上傳的代碼。這樣別人也能夠經過域名訪問咱們博客了。在地址欄輸入http://域名就能夠訪問。
(4)更改主題
在hexo官網上下載本身喜歡的theme,點擊圖片能夠預覽主題,點擊圖片下面的文字就能夠打開下載連接
複製源碼的url,在git hash 命令窗口下載主題,輸入git clone url,注意得手動粘貼,Ctrl+v無效
接着,將配置文件中的theme改成新的主題的名字,記住必定要將下載下來的文件夾放到themes文件夾裏!瀏覽器

=====================================================
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape
=====================================================
landscape爲主題名,改這裏就對了

差不過就這麼多啦,接着就能夠根據主題的使用文檔進行博客的修改,改爲本身喜歡的樣子!bash

相關文章
相關標籤/搜索