介紹
跨過重重困難終于解決了自己的博客,從此也算是有了自己的地盤了,也算了了一個心愿。
本文記錄了整個博客的搭建過程,以及自己遇到的問題。
特此附上本人博客一個Android小白的記事本有寫的不對的地方歡迎指正。
- 什么是Hexo?
Hexo是一個快速的、簡潔且搞笑的博客框架
Hexo 使用MarkDown(或其他渲染引擎)解析文章,在幾秒內,即可利用亮麗的主題生成靜態網頁
- 主要用到的文件備注
本文中的博客搭建的系統為Mac，Windows請酌情改動
| 文件名稱 | 注釋 |
|---|---|
| _config.yml | 整個博客的配置文件 |
| public | 博客展現出來的內容 |
| source/_posts | 創建的文章內容都在這個文件夾下 |
| themes | 博客主題模板存放的文件夾 |
| themes/_config.yml | 模板的配置文件 |
- 建設博客的步驟
1.配置搭建博客所需的各種插件以及環境
2.安裝Hexo以及Hexo的設置
3.將Hexo與GitHub Page關聯
4.文章的發布
5.后續細節添加
- 1、配置博客環境以及插件
安裝Node、Git
不安裝Git也可以使用SourceTree
-
1.下載地址點擊下載安裝即可。
Node下載 2.安裝之后，想要查看是否安裝成功只需要在終端目錄下輸入以下命令查看即可：
node -v
npm -v
檢查版本
- 3.這個時候就需要用到GitHub賬號了
如果沒有GitHub賬號，可以去注冊一個上方連接直通官網。
賬號準備好之后，創建一個新的庫只不過這個庫跟以往的不太一樣。
創建倉庫
庫創建好了之后需要設置主分支
設置
設置主分支
設置主分支
GitHub倉庫創建好了之后就可以著手準備安裝Hexo了。
首先創建一個新的文件夾：
mkdir 文件夾的名字
在剛創建的文件夾下安裝Hexo以及install組件
npm install hexo-cli -g // Hexo
npm install hexo --save //install組件
// 查看版本
hexo -v
如果查詢到版本信息就說明已經安裝成功了
接著開始繼續配置Hexo創建文件夾cd進入這個文件夾，安裝npm
hexo init hexo // 創建文件夾
cd hexo // 進入文件夾
npm install // 安裝npm
開啟本地服務
hexo s -g
此時終端會生成一個“http://localhost:4000/”這樣的連接
點擊就可以看到我們的博客雛形了。
