一、平臺註冊帳號,新建域名html
github(源碼託管服務站):https://github.com/
到GitHub官網,註冊本身的帳號,填好用戶名,密碼,郵箱,並完成郵箱驗證就能夠啦!
默認的域名是http://username.github.io/,(username爲你想要的名字)若是想要一個特別的域名,能夠買一個域名,並在setting裏面綁定就能夠了。
以上完成了第一步,咱們有本身的代碼倉庫了,接下來咱們要配置本機環境了!
二、Windows環境搭建
(1)node.js:https://nodejs.org/en/download/
(2)git:https://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