第一章
介紹一個開源的個人博客框架hexo,展示如何使用它快速搭建個人博客,併發布到github
準備
- Node環境
- Git工具
- GitHub賬號
搭建
1.下載
<code>npm i -g hexo-cli/<code>
2.初始化
<code>hexo init/<code>
命令執行時會自動下載一個默認主題,這樣一個初始化的博客網站就搭建成功了,接下來就可以啟動了。
3.啟動
<code>hexo s/<code>
啟動成功後,打開瀏覽器,訪問提示端口
第二章
寫博客
利用命令行或者手動創建,這裡講一下命令行
進入控制檯,切換到 source/_posts/ 目錄下
<code>cd source/_posts//<code>
1.新建
<code>hexo n "名稱"/<code>
執行完成後,就會在source/_posts/下生成一個文件
2.使用markdown編輯器編輯好內容,保存退出!
3.先清除
<code>hexo clean/<code>
再生成
<code>hexo g/<code>
4.最後再次啟動
<code>hexo s/<code>
就可以看到自己寫的博客了
更換主題
自定義一個主題
推薦:https://github.com/litten/hexo-theme-yilia,一個優雅簡潔的主題
1.下載
從blog/下進入控制檯
<code>git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia/<code>
會將主題下載到目錄文件夾themes/下
2.修改配置
下載完成後,修改配置文件_config.yml,將theme換成自己要換的主題名
3.保存退出之後再先清除
<code>hexo clean/<code>
再生成
<code>hexo g/<code>
4.啟動
<code>
效果
發佈
到目前為止,我們創建的博客只能在本地運行,只能本地主機訪問,這樣的博客網站是沒有任何意義的,因此,我們要將它發佈到服務器上,這裡我們採用一個免費的方式,將它發佈到github上
1.創建倉庫
點擊加號後,選擇new repository
注意:新建的倉庫名必須是:登錄名+github.io
2.安裝插件
hexo-deployer-git:用將博客網站發佈到遠端的插件
切換到blog/下,進入控制檯
<code>
3.修改配置文件
打開_config.yml,找到最底修改為
4.發佈
控制檯
<code>
刷新再進入到剛剛創建的倉庫,我們就可以看到上傳很多文件
這樣我們可以直接使用倉庫名進行訪問,例如:
我這裡使用:http://chenhr24.github.io
訪問結語
本文給大家介紹了一種快速搭建個人博客網站的方式,並將博客網站發佈到GitHub上。當然,這裡只是使用了hexo搭建一個建議的網站,如果想要做的更加美觀,可以之後再做完善!
大家可以花幾十分鐘試著創建一個自己的博客網站,遇到什麼問題歡迎評論區留言討論!!
閱讀更多 Lakers一生紫金 的文章