2019你還沒搭建個人部落格嗎？進來看看

使用hexo+github搭建個人部落格

一、準備工作

• 安裝node nodejs.org/en/download…
• 安裝git  git-scm.com/downloads
• 安裝hexo  npm install hexo-cli -g
  
• 註冊github賬號並建立專案（⚠️這裡的賬號名字就是你的專案名字，例如：我的賬號是cc，專案名：cc.github.io.git）

二、 hexo要上場表演啦

1. 構建專案

   $ hexo init <專案名稱>
   $ cd <專案名稱>$ npm install複製程式碼

2. 啟動專案

   $ hexo s複製程式碼

3. 修改配置_config.yml

   //修改標題# Site
   title: 王新月的部落格
   subtitle: 前端歷程
   //修改上傳地址# Deployment
   ## Docs: https://hexo.io/docs/deployment.html
   
   
   deploy:
     type: git
     repo: https://github.com/cc/cc.github.io.git
     branch: master
   複製程式碼

4. 修改source/_posts/hello-world.md，你就得到了下面的頁面

三、 hexo已經到達戰場

1. 裝個熱更新

   $ npm install hexo-browsersync --save複製程式碼

2. 裝個git 支援就能上傳了

   $ npm install hexo-deployer-git --save複製程式碼

3. hexo應到達戰場

   $ hexo g //打包
   
   $ hexo d //上傳到github 複製程式碼

4. 輸入網址檢視

       https://cc.github.io.git  （cc是你到github使用者名稱）

四、搞個皮膚sou

這裡推薦yilia主題

1. 下載命令

   $ cd ./themes/
   $ git clone https://github.com/JoeyBling/hexo-theme-yilia-plus.git ./yilia-plus複製程式碼

2. 修改配置檔案

   # Extensions
   ## Plugins: https://hexo.io/plugins/
   ## Themes: https://hexo.io/themes/
   theme: yilia-plus複製程式碼

3. 重新構建並重啟

   $ hexo g //打包
   
   $ hexo s//重啟
   
   $ hexo clean //如果未生效後在重新hexo g
   $ hexo d //上傳到github 
   
   複製程式碼

如果你想要其他主題可以在官方下載：hexo.io/themes/

王新月的部落格

嘰裡咕嚕改配置