我的博客搭建具體操做

一.準備環境

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的安裝

  1. 安裝Hexo,在命令行(即Git Bash)運行如下命令:python

    npm install -g hexo-cli 或者 npm i -g hexogit

  2. 初始化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

  3. 啓動服務器。在路徑下,命令行(即Git Bash)輸入如下命令,運行便可:
    hexo clean #清理以前的內容

hexo g #從新渲染html

hexo s #開啓服務器

  1. 瀏覽器訪問網址: 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源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索