title: 使用hexo 搭建博客(一)
date: 2020-01-30 12:09:29
tags: hexo,blog
categories: 教程
使用Hexo搭建博客（一）
引言：
本來剛開始想用python的django框架進行個人博客的搭建，但是使用python框架進行搭建的話， 但是進行到一半就不想幹了，因爲代碼量太複雜，太繁瑣，後來在網上發現了hexo這個專業的博客框架，搭建起來比較django省時省力，就決定用Hexo來搭建，在本地搭建沒什麼問題，但部署在雲服務器的過程異常艱難。但最終，在神器——百度 的幫助下，問題全部解決
Hexo 說明
Hexo是基於nodeJS環境的靜態博客，簡單來說就是輕量，簡易，高逼格的博客工具，hexo是將markdown文件生成靜態的html然後將生成的html上傳到我們的服務器，簡而言之：hexo是個靜態頁面生成，上傳的工具
準備環境
先安利一個在windows下非常好用的命令行工具cmder,關於他的好用之處，在另一篇博客有詳細說明
-
Node.js 下載後，雙擊打開安裝，也是一路next，不過在Custom Setup這一步記得選
Add to PATH,這樣你就不用自己去配置電腦上環境變量了 -
Git 下載安裝，下載後一路next就好
-
用npm安裝Hexo
npm install -g hexo-cli // npm是安裝Nodejs一起安裝的包管理工具
這樣我們的hexo在本地就差不多完成了，然後我們新建一個空的文件夾，進去初始化博客（這裏我新建一個blog的文件夾）然後輸入下列命令
hexo init # hexo會在目標文件夾簡歷網站所需要的所有文件
npm install # 安裝依賴包
也可以使用 hexo init ，其中 爲保存Hexo的項目路徑，然後就等待clone，就會把各種配置文件下載到你的文件夾中了，
本地啓動
hexo g #等同於hexo generate,勝場靜態文件到public文件夾
hexo s # 等同於hexo server,在本地服務器運行
還有一個命令
hexo clean #作爲清除靜態文件夾的內容並刪掉，主要用於更改變更了某些地方導致頁面顯示不完善
之後就可以打開瀏覽器並輸入ip地址http://localhost:4000/查看，效果如下
新建頁面和文章
hexo new 'title' #生成新文章，路徑在:\source\_post\title.md
hexo new page 'title' #生成新頁面,可在主題配置文件中配置頁面
生成文章或頁面的模板放在博客文件夾根目錄下的 scaffolds/ 文件夾裏面，文章對應的是 post.md ，頁面對應的是page.md，草稿的是draft.md
編輯文章
---
title: Start My Blog Trip — Power By Hexo # 文章頁面上的顯示名稱，可以任意修改，不會出現在URL中
date: 2017-2-10 23:49:28 # 文章生成時間，一般不改
categories: diary # 文章分類目錄，多個分類使用[a,b,c]這種格式
tags: [Hexo,diary] # 文章標籤
---
#這裏開始使用markdown格式輸入你的正文。
<!--more-->
#more標籤以下的內容要點擊“閱讀全文”才能看見，#more標籤以上的內容爲你首頁顯示文章的摘要部分
Markdown文章編輯
如果不熟悉MD語法，可以去百度，B站找教學，不難，常用的語法就那麼幾個
再給大家安利個md文章神器Typora,還有hexo文章神器HexoEditor
常用命令總結
hexo init [folder] # 初始化一個網站。如果沒有設置 folder ，Hexo 默認在目前的文件夾建立網站
hexo new [layout] <title> # 新建一篇文章。如果沒有設置 layout 的話，默認使用 _config.yml 中的 default_layout 參數代替。如果標題包含空格的話，請使用引號括起來
hexo version # 查看版本
hexo clean # 清除緩存文件 (db.json) 和已生成的靜態文件 (public)
hexo g # 等於hexo generate # 生成靜態文件
hexo s # 等於hexo server # 本地預覽
hexo d # 等於hexo deploy # 部署，可與hexo g合併爲 hexo d -g
本篇文章先到這兒，下篇文章給大家分享分享打造個性化的hexo-blog
