三步完成免費個人博客搭建,本文主要針對Windows系統我的是WIN10,OS X請參考文章
5分鐘 搭建免費個人博客
1.創建Github 域名和空間
1.1注冊
首先需要注冊一個Github賬號,如果你已經有請跳過此步直接看1.2創建倉庫,注意username,這會影響到你的域名,你的域名將會是 username.github.io,所以認真的取個名字吧。
注冊過程可能需要驗證你的郵箱,其他就不在贅述。
1.2創建倉庫
然后需要創建一個倉庫(repository) 來存儲我們的網站,點擊首頁任意位置出現的 New repository
按鈕創建倉庫,Respository name
中的username.github.io
的username
一定與前面的Owner
一致,記住你的username
下面會用到。
第一步就已經完成了,下面是安裝。
2.安裝
下面需要安裝的工具包括Github,Nodejs,Hexo
。Windows 用戶自行搜索這些工具,直接安裝即可。安裝node.js
和git
(安裝的是GitHub
)。hexo
利用node.js
開發,安裝Github、Nodejs
后,用命令安裝hexo
。
2.1安裝Github
可以去GitHub官方網站下載。下載后直接安裝即可。
2.2安裝Nodejs
到nodejs官方網站直接下載,下載下來的msi包一直點擊下一步即可,當然可以選擇安裝目錄,本人選擇安裝在了D盤(c盤分的太小了)。我安裝的是第一個版本。
2.3安裝Hexo
以上都安裝完成之后再安裝Hexo,打開Git shell,如圖
輸入命令
npm install -g hexo
到這里所有必須工具已經安裝完成,下面我們就可以生成博客,上傳至我們的Github 倉庫了。
3. 編寫,發布
接下來我們需要用Hexo初始化一個博客,然后更改一些自定義的配置,或者加上自己喜歡的主題,寫上第一篇文章,然后發布到自己的個人Github網站(qingfeng825.github.io
)。
3.1創建博客
將下面的 qingfeng825 替換成你自己的username,執行成功后,會創建出一個名為 qingfeng825.github.io 的文件夾,博客相關的配置、主題與文本內容等都在此目錄下由 hexo 進行管理。當然這里的命令也是在Git Shell中敲的。命令為npm init qingfeng825.github.io
3.2編輯文章
完成上述步驟后,本地的 hexo 已經基本搭建完成了。
現在,我們希望新建一篇名為Hello World的文章(我不會告訴你我是做Android開發的)。在 shell 中執行:cd qingfeng825.github.io
將工作目錄切換到\qingfeng825.github.io下,如果已經在此目錄下則直接進行如下命令hexo new "Hello World"!
,然后輸入命令:hexo server
,
成功執行上述指令后,打開瀏覽器,訪問 localhost:4000,如果出現下圖中的Hello World則說明你的 hexo 博客已經搭建成功了。如果你希望退出服務,輸入 ctrl + C 即可。
,沒有出現完全相同的界面也不要急,因為我是提前做好了主題設置,下面會涉及到只要看到Hello World即可。
3.3安裝hexo-deployer-git自動部署發布工具
要想把文章發布出去,必須安裝deployer
命令如下圖
3.4修改_config.yml
發布之前還有一些工作要做那就是配置_config.yml,
deploy:
type: git
repo: git@github.com:qingfeng825/qingfeng825.github.io.git
branch: master
看準了所有:后面有一個英文空格,沒有會出錯的。
3.5發布
配置完這些信息后可以敲命令了如圖。
兩個命令分別為hexo generate
和
hexo deploy
(注意順序不要亂)
完成這些操作之后你就可以點擊http://qingfeng825.github.io 訪問了。
最后應該是類似這個樣子的
4 主題設置
選擇一款適合你的主題
hexo 默認的主題樣式是 landscape,也許你希望使用更多樣、更個性化的主題風格。在 github 上有許多開源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes 目錄下,并在 ~/blog/_config.yml 的 theme 屬性中設置你希望使用的主題,然后重新生成頁面部署即可。
這里推薦幾個在 github 上 star 數較高的主題:
這些主題怎么配置在這里就不講了,因為他們都是開源的而且項目本身介紹已經很詳細。
當然,如果你自己就是一名優秀的前端工程師,甚至可以自己定制一份屬于自己獨一無二的hexo-theme
,你還可以把你的作品開源到 github
上供更多的 hexo
用戶使用與學習。
參考文章有如下幾篇