我的博客搭建具体操做

一.准备环境

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源创计划”，欢迎正在阅读的你也加入，一块儿分享。