build_blog

基于hexo github 搭建主题为nextT的博客

github 搭建blog

创建github 库

创建于用户名相同的github库 命名为user_name.github.io

安装Node.js

方法百度

安装Hexo

更换nmp 为淘宝源

1
2
3
$ npm config set registry https://registry.npm.taobao.org/

$ npm config get registry

安装 hexo

1
npm install hexo -g

创建hexo文件夹

定位到自己创建的blog 文件夹

1
/blog $ hexo init

安装一些组件

1
$ nmp install

将Hexo 与github连接

设置好git, 可百度方法
将blog 文件夹下面的站点配置文件_config.yml 进行修改

1
2
3
4
eploy:
type: git
repository: git@github.com:user_name/user_name.github.io.git
branch: master

拷贝主题NexT

通过git clone 命令进行, 主题会被放在theme 文件夹下

1
2
$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

启动主题

与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后,打开 站点配置文件, 找到 theme 字段,并将其值更改为 next

1
theme: next

配置主题

见链接 NexT

其他

文件内容与文件目录介绍

hexo 目录中_config.yml 为站点配置文件,source/_post/ 文件夹是存放.md静态文件的目录,其中的.md文件的开头如下
其中第三行左边的是类别的关键字(类别的应为就是categoties),右边是具体的类别,不同文件中冒号,左边的是固定的,右边根据需要写所属类别。
改模板在\blog\scaffolds\post.md中

1
2
3
title: build_blog
date: 2019-08-05 21:43:01
categories: "blog"

hexo 常用命令

hexo 的所有操作都在git bash 上进行 并且定位在/blog 目录下

1
2
3
4
hexo g //生成静态网页并存储在public文件夹下
hexo clean // 删除上述文件夹下的文件
hexo s -p 5000 //指定本地端口5000 本地查看网页
hexo d 上传网页 将public/2019...文件夹下的静态网页上传github