前言
不管簡書、掘金或者其他網站,總會感覺不是自己的地盤,所以我就想自己搭建個部落格,可以在自己的一畝三分地上耕耘收穫。不僅如此,以往我寫的部落格都會到處亂放,比如一會放到掘金,一會放到簡書等等,不利於管理,搭建一個自己的部落格也更方便了個人的整理分類。目前來說,hexo
還是挺主流的一種搭建部落格的方式,主題也很多,可以供各位選擇。先給大家看下我的部落格吧
Hexo介紹
Hexo 是一個快速、簡潔且高效的部落格框架。Hexo
使用 Markdown
(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
安裝Git
我之前有寫過安裝Git的教程,可點選檢視,在這裡我就不再贅述了。
安裝NodeJs
Hexo是基於nodeJS環境的靜態部落格,裡面的npm工具真的很有用啊,不管之後的安裝hexo、統計閱讀時長、博文字數或者新增小萌妹都需要使用到npm工具,所以還是老老實實的裝上吧~
- 基本上都是64位的,直接給上64位Windows的下載地址:nodejs.org/dist/v10.13… 或者自己自行到官網下載:nodejs.org/en/
- 下載好msi檔案後,雙擊開啟安裝,反正一路next,安裝路徑可以根據自己需要更改。
- 安裝完之後開啟cmd視窗(win+r),檢視nodejs安裝的版本。 輸入以下命令:
$ node -v
$ npm -v
複製程式碼
安裝成功!
安裝Hexo
Hexo安裝就只需要npm工具就行了
npm
可以設定淘寶NPM映象,來提高下載速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼
- 建立一個空的資料夾
- 開啟Git Bash(安裝完Git隨處右擊就有“Git Bash here”),cd到資料夾,也可以直接在資料夾內右擊“Git Bash here”
- 安裝Hexo
$ npm install -g hexo-cli
複製程式碼
3. 檢視hexo版本
$ hexo -v
複製程式碼
4. 初始化
$ hexo init
複製程式碼
看一下資料夾初始化後內容
解析一下各檔案:
- node_modules:是依賴包
- public:存放的是生成的頁面
- scaffolds:命令生成文章等的模板
- source:用命令建立的各種文章
- themes:主題
- _config.yml:整個部落格的配置
- db.json:source解析所得到的
- package.json:專案所需模組專案的配置資訊
- 檢視本地部落格 啟動本地服務
$ hexo s
複製程式碼
訪問本地瀏覽器:http://localhost:4000
寫部落格
- 建立.md檔案,目錄:/source/_posts
- 博文的屬性
---
title: hexo-blog
date: 2018-11-03 16:07:32
tags:
---
複製程式碼
這裡要說一下 tags 這個屬性,如果需要配置多個有兩種方式:
tags: [tag1, tag2, tag3]
複製程式碼
或者
tags:
- tag1
- tag2
- tag3
複製程式碼
注:Hexo 是支援 Markdown 的所有功能的,所以,最好去學習一下 Markdown 的語法規範。
搭橋到GitHub
- 沒有GitHub賬號建立賬號,有的話就看下一步
- 建立新的倉庫repository 其中Repository name必須是你的github名稱,不然後續會報404錯誤。
- 回到gitbash中,配置github賬戶資訊(YourName和YourEail都替換成你自己的)
- 建立SSH 第3,4步我之前的博文有教程,這裡就不再詳細描述操作過程了,你也可以找度娘搜尋。
- 修改_config.yml檔案
deploy:
type: git
repo: https://github.com/yourGitHubName/yourGitHubName.github.io.git
branch: master
複製程式碼
注意:冒號之後都是有一個半形空格的,沒有的話會出錯! 6. 安裝hexo-deployer-git自動部署釋出工具
$ npm install hexo-deployer-git --save
複製程式碼
- 釋出到Github,命令如下:
$ hexo clean
$ hexo generate
$ hexo deploy
複製程式碼
第一次上傳是需要驗證GitHub賬號的
當出現下圖字樣表示釋出成功 8. 訪問:yourGitHubName.github.io 注:感覺GitBash中東西太多的時候可以輸入clear來清空命令。