一.準備環境 1.安裝node.js 簡介 因為hexo是基於node.js的,所以node.js是必須要裝的,安裝也特別簡單,去 "官網" 下載適合自己windows的版本。安裝過程一直下一步就行了,什麼也不用選,在網上查資料的時候,看到有說要在Custom Setup這一步記得選 Add to ...
一.準備環境
1.安裝node.js
簡介
因為hexo是基於node.js的,所以node.js是必須要裝的,安裝也特別簡單,去 官網 下載適合自己windows的版本。安裝過程一直下一步就行了,什麼也不用選,在網上查資料的時候,看到有說要在Custom Setup這一步記得選Add to PATH,但我在安裝的時候這個選項是預設選好的,不用動它,也許是版本的原因,建議在安裝時留意一下,畢竟自己配置環境變數還是有點麻煩。
安裝好以後,打開CMD命令視窗,輸入 npm -v
,如果出現版本號,那說明安裝成功了並且環境變數也配置好了,如果是未知命令那就要配置一下環境變數。
詳細操作:https://www.cnblogs.com/pythonywy/p/11402636.html
2.git的安裝
https://www.cnblogs.com/pythonywy/p/11402645.html
3.hexo的安裝
安裝Hexo,在命令行(即Git Bash)運行以下命令:
npm install -g hexo-cli 或者 npm i -g hexo
初始化Hexo,在命令行(即Git Bash)依次運行以下命令即可:
以下,即存放Hexo初始化文件的路徑, 即站點目錄。
$ hexo init 項目名稱 $ cd 項目名稱 $ npm install
新建完成後,在路徑下,會產生這些文件和文件夾:
- node_modules:是依賴包 - public:存放的是生成的頁面 - scaffolds:命令生成文章等的模板 - source:用命令創建的各種文章 - themes:主題 - _config.yml:整個博客的配置 - db.json:source解析所得到的 - package.json:項目所需模塊項目的配置信息
註:
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 |
覆蓋文章網址 |