Hexo 基本設定(安裝與共用)
記錄下如何自己架設hexo blog
建立Blog
創建githubpage
- Github上建立名稱為 StevenChiu86.github.io的public repository
下載hexo相關安裝包
- 安裝node.js, git
- 安裝hexo相關套件
1 2 3 4 5
| npm install -g hexo-cli hexo init name //初始化新的 Hexo,會在當前路徑建立一個叫 name 的資料夾,資料夾名稱可以隨意取,例如「myblog」,那麼指令就是 hexo init myblog cd name //進入您剛剛建立的 name 資料夾當中,cd 是 change directory 的意思 npm install //安裝 Hexo npm install hexo-deployer-git --save //安裝 git 部署套件
|
- 設定_config.yaml檔案
打開 _config.yml 後,修改第 6~12 行資訊,輸入完記得按下 Ctrl+S 存檔(# 為註解):1 2 3 4 5 6 7
| title: Steven's Blog subtitle: '努力努力再努力_YOLO' description: '這是Steven的blog, 分享些科技、生活、音樂等小記事, 歡迎大家來' keywords: Stevenblog author: Steven language: zh-TW timezone: ''
|
- 接著第 16 行的地方,url 請換成自己網站的連結 https://username.github.io/ ,username是自己的 GitHub 帳號。
- 設定部署至 GitHub 的資訊
- 一樣在_config檔案裡面
1 2 3 4
| deploy: type: git repository: https://github.com/StevenChiu86/StevenChiu86.github.io.git branch: master
|
- 佈署至github
1 2 3
| hexo cl //清除之前建立的靜態檔案,也可以輸入 hexo clean hexo g //建立靜態檔案,也可以輸入 hexo generate hexo d //部署至 Github Pages,也可以輸入 hexo deploy
|
- 在本地端查看blog,打
hexo s
就能透過瀏覽器打localhost:4000 查看, 透過重新整理可以查看當前blog撰寫的樣子
上網選第三方主題
- 首先進入theme目錄
cd /themes
- git clone [第三方主題網址]
- 修改_config檔案裡面的
theme:[第三方主題名稱]
- 刪除第三方主題的.git檔案
- 從別人的github下載主題後,經過自己的更改後要pull到github上,需要先到themes/[主題名稱]下的.git刪除(因為在有.git的資料夾下, 不能包含.git的資料夾),才能成功pull themes到github上
不同電腦下同步修改hexo部落格
[教學] 使用 GitHub Pages + Hexo 來架設個人部落格
如何在不同电脑上同时写hexo博客?
原本電腦操作
- 在github下先刪除master裡面的資料, 然後創建一個叫hexo的branch(用於更新最新blog), 並把它變成default
- 在本地也創建hexo branch
git branch hexo
- 然後先把所有修改加入
git add .
(要先把第三方主題的.git刪掉(在themes/[主題名稱]下))
- 提交
git commit -m "第一次push_同步給其他電腦使用"
- git push origin hexo
新的電腦操作
git clone "https://github.com/StevenChiu86/StevenChiu86.github.io"
- 下載相關hexo套件跟依賴
1 2 3
| npm install hexo npm install npm install hexo-deployer-git –save
|
- 接下來就可以在新電腦上編輯bolg拉!!!
- 編輯完後, 提交
1 2 3
| git add . git commit -m "你想留的資訊" git push origin hexo
|
Blog功能
- 新增文章:
$hexo new post xxx
, 就會在source資料夾下產生xxx.md
新增加圖片
解决Hexo图片无法显示问题
- 根目錄下配置文件_config.yml 中有 post_asset_folder:false 改為 true
- 這樣 hexo n “文章名稱”, 就會自動在 source/post 下新增相同名稱資料夾(需要上傳的圖片放入)
- 安裝 git bash 套件
npm install https://github.com/7ym0n/hexo-asset-image --save
- 文章內插入圖片方式: