WIn下屬于自己的簡約博客
首先向大家展示我的博客:
www.vseelove.top 挺簡約的吧?
工具: ** Git hexo Nodejs **
以上工具 各位自行受獲取泉瞻。
Git下載界面
Nodejs下載界面
1.注冊Github
username.github.io
** username是你的注冊時信息脉漏,非我的。 **
如果已經(jīng)有Github瓦灶,可直接創(chuàng)建倉庫.注冊于創(chuàng)建時鸠删,注意username抱完,這關系到你的初始域名贼陶,發(fā)揮你的創(chuàng)造力。
注冊過程可能需要驗證你的郵箱巧娱,其他就不在贅述碉怔。
- 創(chuàng)建倉庫
創(chuàng)建一個倉庫(repository) 來存儲我們的網(wǎng)站,點擊首頁任意位置出現(xiàn)的 New repository按鈕創(chuàng)建倉庫, Respository name 中的username.github.io 的username 一定與前面的Owner 一致禁添,記住你的username下面會用到撮胧。
還有你注冊的郵箱
這是紅的因為我已經(jīng)注冊過一次了,
create~~OK老翘!
2.安裝Git Hexo
- Git下載后芹啥,可直接安裝
- 安裝Nodejs
【Hexo是一種博客框架基于Nodejs(其它框架與此不討論)】
如此,工具準備好铺峭。
3.最后一公里
先用Hexo初始化博客 配置墓怀,后發(fā)布至個人Github網(wǎng)站【username.github.io】
在Git Bash下(其實WIN下的Dos也可以)
配置(安裝) Hexo
npm install -g hexo-cli
- 創(chuàng)建本地庫
創(chuàng)建出一個名為 username.github.io 的文件夾。
hexo init username.github.io
然后進去
cd username.github.io
初始化的過程是從 hexo 倉庫下載博客的目錄結(jié)構(gòu)和文件卫键,根據(jù)網(wǎng)速傀履,需要一定時間。
安裝依賴模塊:
npm install
- 主題安裝
在本地庫下
下進行莉炉〉稣耍【抱歉由于時間的原因,我晚上要考試絮宁,明天上學梆暮,蟲友們可以在下我參考的5分鐘里找到相似的∩馨海】
** 調(diào)整基礎配置 **
然后你就可以愉快的寫文章了,后上傳惕蹄。
但你要上傳的話,我建議在家的蟲友可以** 設置免密提交 **
cd username.github.io
- 配置 Git 用戶名和郵箱
git config --global user.name "username"
git config --global user.email"username@mail.com"
生成密鑰
ssh-keygen -t rsa -C "username@mail.com"
使用 ssh-agent 管理私鑰
在Ssh的文件夾下
eval "$(ssh-agent -s)"
將生成的密鑰添加到 ssh-agent
ssh-add id_rsa
將公鑰添加到GitHub中
在網(wǎng)頁上登陸Github
在 GitHub 個人的設置中,添加 SSH-KEY卖陵。
** 驗證 **
ssh -T git@github.com
出現(xiàn)如下遭顶,就是成功了。
Hi username! You've successfully authenticated, but GitHub does not provide shell access.
是到了發(fā)布的前夕了泪蔫。
在本地庫下
先生成靜態(tài)頁面
hexo g
(看有無錯誤棒旗。)
然后本地服務器** 測試 **
hexo s
能夠正常啟動服務器,并在瀏覽器中訪問撩荣,說明 Hexo 配置成功铣揉,接下來要做的事情就是講生成的靜態(tài)頁面提交到 Github上即可。
提交 Hexo 到 GitHub
修改 _config.yml 文件餐曹,在最后增加如下內(nèi)容:
deploy: type: git repository: git@github.com:username/username.github.io.git branch: master
注意“:”后有空格
- 安裝hexo-deployer-git自動部署發(fā)布工具
npm install hexo-deployer-git --save
發(fā)布
測試沒問題后逛拱,我們就生成靜態(tài)網(wǎng)頁文件發(fā)布至我們的Github pages 中。
hexo clean && hexo g && hexo d
大功告成
Hexo g hexo s hexo d
一定要知道是干嘛的台猴。
以下為參考頁面: