前言
這是一篇使用GitHub Pages和Hexo搭建獨立博客的總結
在看之前，應該先了解一下：
- GitHub
- GitHub Pages
- Hexo
- Markdown
準備作業
創建對應倉庫
- 安裝Git，略
- 注冊GitHub，略
- 配置Git，略
- 與GitHub建立聯系，略
- 以上4步相關資料：Git和Github簡單配置
- 在GitHub上創建新的倉庫，命名為 username.github.io (其中username為github的用戶名)，例如 Ryokai96.github.io
安裝Hexo
-
安裝Hexo需要首先安裝Node.js，到官網下載安裝(最好安裝LTS版本)：Node.js官網
-
新建本地檔案夾blog
$ mkdir blog $ cd blog -
全域安裝hexo-cli，blog檔案夾內安裝hexo
$ npm install -g hexo-cli $ npm install hexo
搭建Hexo博客
-
創建并初始化Hexo目錄
$ hexo init Hexo完成后，當前目錄下會多出一個Hexo目錄
-
在Hexo目錄中安裝需要的插件
$ cd Hexo # hexo deploy git插件 $ npm install hexo-deployer-git --save -
測驗
# 新建hellohexo.md文章 $ hexo new hellohexo.md # 渲染成靜態頁面 $ hexo generate # 啟動本地hexo服務器 $ hexo server上面兩條也可簡寫為
$ hexo g $ hexo s然后在瀏覽器中輸入localhost:4000即可進行預覽
-
使用GitHub Pages搭建一個Hexo博客
編輯Hexo目錄下的_config.yml檔案
$ vim _config.yml將下面這段進行修改
# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type:修改為
# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repository: [email protected]:Ryokai96/Ryokai96.github.io branch: master注意 : 后面有一個空格，如 type: git
repository后的url使用ssh形式，注意最后的.git要去掉
-
Hexo首頁默認顯示最新的一篇文章，可以在文章中使用<!--more-->來分割預覽的文章和更多詳情，或者使用hexo-excerpt插件來自動分隔（不推薦），若要使用hexo-exerpt，首先在Hexo目錄下安裝插件：
# hexo 自動截斷插件 $ npm install hexo-excerpt --save然后編輯Hexo目錄下的_config.yml檔案，添加以下配置：
excerpt: depth: 2 excerpt_excludes: [] more_excludes: [] hideWholePostExcerpts: true -
完成部署
$ hexo generate $ hexo deploy這兩條也可簡寫為
$ hexo g $ hexo d之后，在瀏覽器中鍵入 Ryokai96.github.io 即可訪問博客
Hexo的同步
使用Hexo搭建博客的同學可能會遇到這個問題：如果更換了設備，如何對Hexo博客進行管理？
github或者gitee都有免費的私有倉庫，使用私有倉庫同步hexo代碼，即可多設備同步hexo配置，
-
在github或gitee新建一個倉庫，名字隨便，比如blogcode
-
在blog目錄下初始化git倉庫
$ git init -
修改.git檔案夾下的config檔案
$ cd .git $ vim config修改config檔案，添加以下配置，指定遠程倉庫
[remote "origin"] url = [email protected]:Ryokai96/blogcode.git fetch = +refs/heads/*:refs/remotes/origin/* [branch "master"] remote = origin merge = refs/heads/master -
如果在新建遠程倉庫的時候生成了README檔案，可以先git pull一下
-
推送
$ git add . $ git commit -m "hexo init" $ git push origin master注意：如果有包含的目錄是其他的git倉庫，比如git clone方式安裝的next主題，在themes/next目錄下有.git目錄，是無法同步next目錄的，這里也不能將其作為子倉庫，解決方式有兩種，一種是直接洗掉next目錄下的.git目錄，另外一種是將next目錄下的.git目錄以及.git目錄中的HEAD檔案改名，比如改成.git_backup和HEAD_backup，使用第二種改名的方式可以在當該git倉庫有更新時將名字改回來，用git pull更新，這種方式是否有弊端，我還不清楚，
-
之后要更新博客，進入Hexo檔案夾，hexo g & hexo d，要同步源檔案，就在blog根目錄提交修改
-
更換設備后或重裝系統后，想管理博客，通過如下步驟：
-
git clone [email protected]:Ryokai96/blogcode.git
-
在克隆過來的本地倉庫ryoukai中執行以下指令
$ npm install $ cd Hexo $ npm install然后就可以像原來一樣管理博客了
-
Hexo其他配置
- 使用Next主題：Hexo的Next主題配置、Next使用檔案
- 提交百度谷歌收錄：Hexo博客收錄百度和谷歌-基于Next主題
- 讓搜索引擎更容易找到你：Hexo SEO優化
- 另一個優秀主題Icarus：[ppoffice/hexo-theme-icarus](
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/900.html
標籤：Html/Css
上一篇：CSS影片實體：渦旋