一.準備環境
1.安裝node.js
簡介
由於hexo是基於node.js的,因此node.js是必需要裝的,安裝也特別簡單,去 官網 下載適合本身windows的版本。安裝過程一直下一步就好了,什麼也不用選,在網上查資料的時候,看到有說要在Custom Setup這一步記得選Add to PATH,但我在安裝的時候這個選項是默認選好的,不用動它,也許是版本的緣由,建議在安裝時留意一下,畢竟本身配置環境變量仍是有點麻煩。html
安裝好之後,打開CMD命令窗口,輸入 npm -v
,若是出現版本號,那說明安裝成功了而且環境變量也配置好了,若是是未知命令那就要配置一下環境變量。node
詳細操做:https://www.cnblogs.com/pythonywy/p/11402636.html
2.git的安裝
https://www.cnblogs.com/pythonywy/p/11402645.html
3.hexo的安裝
-
安裝Hexo,在命令行(即Git Bash)運行如下命令:python
npm install -g hexo-cli 或者 npm i -g hexogit
-
初始化Hexo,在命令行(即Git Bash)依次運行如下命令便可:web
如下,即存放Hexo初始化文件的路徑, 即站點目錄。npm
$ hexo init 項目名稱 $ cd 項目名稱 $ npm install
新建完成後,在路徑下,會產生這些文件和文件夾:json
- node_modules:是依賴包 - public:存放的是生成的頁面 - scaffolds:命令生成文章等的模板 - source:用命令建立的各類文章 - themes:主題 - _config.yml:整個博客的配置 - db.json:source解析所獲得的 - package.json:項目所需模塊項目的配置信息
注:windows
-
hexo相關命令均在站點目錄下,用Git Bash運行。瀏覽器
-
站點配置文件:站點目錄下的
_config.yml
。服務器路徑爲
hexo項目路徑\_config.yml
-
主題配置文件:站點目錄下的
themes
文件夾下的,主題文件夾下的_config.yml
。路徑爲
hexo項目路徑\themes\<主題文件夾>\_config.yml
-
-
啓動服務器。在路徑下,命令行(即Git Bash)輸入如下命令,運行便可:
hexo clean #清理以前的內容
hexo g #從新渲染html
hexo s #開啓服務器
- 瀏覽器訪問網址:
http://localhost:4000/
至此,您的Hexo博客已經搭建在本地。
二.經常使用操做操做
1.更換主題
更換主題
$ cd <博客存放的目錄> $ cd themes $ git clone hexo中主題的Github的地址
配置:_config.yml中的theme: 主題名稱
2.博客文章操做
文章放置路徑hexo項目>source>_posts
文件頭:在文章的基礎上正文上方添加
--- #頭尾用---分開 title: httpclent調用webservice #文章標題 date: #文章日期格式:2018-05-30 15:20:36 tags: #文章標籤 categories: #文章分類 top:#置頂,填寫阿拉伯數字按照數字進行置頂順序排序 #這裏儘可能空三行區分正文 ---
建立文章
$ hexo new [layout] <title>
- [layout]能夠爲如下三種:
參數名 | 功能 | 文章路徑 |
---|---|---|
post | 新建博文 | source/_posts |
page | 新建頁面(如404,分類) | source |
draft | 草稿 | source/_drafts |
草稿可經過一下命令發佈:
$ hexo publish [layout] <title>
-
title注意:
不是博文標題,
是博文markdown文件的名字,
也是博文連接的後綴
文章模版
-
建立模版
在新建文章時,Hexo 會根據
scaffolds
文件夾內相對應的文件來創建文件,例如:
$ hexo new blog 「simon」
在執行這行指令時,Hexo 會嘗試在 scaffolds
文件夾中尋找 blog.md
,並根據其內容創建文章。
-
修改參數
如下是您能夠在模版中使用的變量:
變量 | 描述 |
---|---|
layout | 佈局 |
title | 標題 |
date | 文件創建日期 |
Front-matter
就是博文最上方以 ---
分隔的那部分。
默承認以使用的Front-matter:
參數 | 描述 | 默認值 |
---|---|---|
layout |
佈局 | |
title |
標題 | |
date |
創建日期 | 文件創建日期 |
updated |
更新日期 | 文件更新日期 |
comments |
開啓文章的評論功能 | true |
tags |
標籤(不適用於分頁) | |
categories |
分類(不適用於分頁) | |
permalink |
覆蓋文章網址 |
本文分享 CNBlog - 加載時間中.....。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。