## Github pages+hexo製作網站 --- --- # 目錄 --- ### ◎Github 新建倉庫+網頁 ### ◎Hexo 環境 ### ◎設定部落格相關資訊 ### ◎部屬Github ### ◎Hexo 後台管理 --- ## ◎Github 新建倉庫+網頁 --- 1.在Github建立一個新倉庫取名為"xxx.github.io"   --- 2.點即setting→到Choose a them 選擇主題→最後Select them    --- ## ◎Hexo 環境 --- #### 安裝 Node.js、Git、Notepad++ 1.Node.js(不要安裝14版的=..=，因為它我被搞得很慘)  2.Notepad++!文字編輯器(自己有習慣的也可以) 3.Git(大致上都有吧!) --- 上述都安裝完，打開終端機(命令提示字元)或Git Bash，輸入安裝Hexo --- ### 第一步驟: 初始化安裝Hexo --- --- 輸入 npm install -g hexo -cli  --- ### 第二步驟: 初始化Hexo部落格 --- --- 1. 建立一個資料夾 hexo init name  --- 2.進入資料夾 cd name  --- ### 第三步驟: 安裝Hexo --- --- 1.輸入安裝 npm install 2.Git部屬套件 npm install hexo-deployer-git --save  --- ## ◎設定部落格相關資訊 --- 進入檔案文件總管/c，尋找剛設定好的Hexo的資料，點選"檔案名稱"，找到 _config.yml (右建選擇想要的文字編輯器)  --- 會進入這個裡面 稍微修改一下 填一填基本資料就好  --- ##### 需要特別注意且重要的地方，在16行及100行deploy 16行: url:(換成自己的網頁連結) 100行deployb需添加 以下內容: 更改完請記得儲存/ctrl+s，回到命令題字元。   --- ### ◎部屬Github --- 1.清除之前建立的靜態檔案 hexo cl  --- 2.建立靜態檔案 hexo g  --- 3.部屬至 Github Pages : hexo d  --- 就會看到變化囉!  ↓  --- ## ◎Hexo 後台管理 --- ### 第一步驟:安裝管理文章後台插件 --- --- 安裝:npm install hexo-admin --save  --- ### 第二步驟: 進入hexo-admin後台 --- --- 架設本地端伺服器輸入:hexo s  --- ### 第三步驟:新增文章Publish該文章 --- --- 在網址 "http://localhost:4000" 尾端加入 "/admin" 就能進入後台，這裡能看到所有文章及其內容。  --- ### 第四步驟:停止本地端 --- --- 在命令提示字元的畫面中按下 Ctrl+C，然後再按一次 Ctrl+C 或輸入 Y 來停止。  --- ### 第五步驟 : 部署至 GitHub --- --- !!跟前面步驟差不多 所以就不放圖了 ##### hexo cl ##### hexo g ##### hexo d --- ### 參考網站 馬力歐 https://ed521.github.io/2019/08/hexo-admin/ Mr.萊瑞的生活隨筆 https://www.larrynote.com/website-service/31/#%E6%96%B0%E5%A2%9E%E7%B6%B2%E7%AB%99%E9%A0%81%E9%9D%A2 --- 謝謝大家