hexo+git在github上搭建个人博客

安装git

git地址

TIM截图20180129170345

详细安装教程

安装hexo

安装hexo这里就只说说npm安装。而要用npm,先安装nodejs;nodejs安装完成自带有npm包管理;

1
npm install hexo -g

检查时候安装:

1
hexo -v

新建一个文件夹用来存放项目,在这个文件夹打开命令行,执行下面命令新建一个hexo项目

1
hexo init

好了以后,在把要用的插件安装了

1
npm i

完成,打包

1
hexo g

运行

1
hexo s

直接复制监听的地址,既可以看到效果

hexo文件的配置

找到_config.yml

1
2
3
4
5
6
7
#网站
title: XX的博客 #网站标题
subtitle: #网站副标题
description: xx的技术博客 #网站描述
author: xx #你的名字
language: zh-CN #网站使用的语言
timezone: #网站时区
1
2
3
4
5
#网址
url: https://wangzai999.github.io/wangzai.github.io/ #网址
root: /wangzai.github.io/ #网站根目录
permalink: :year/:month/:day/:title/ #文章的永久链接格式
permalink_defaults: #永久链接中各部分的默认值
1
2
3
4
5
6
7
8
9
#目录
source_dir: source #资源文件夹
public_dir: public #公共文件夹
tag_dir: tags #标签文件夹
archive_dir: archives #归档文件夹
category_dir: categories #分类文件夹
code_dir: downloads/code #Include code文件夹
i18n_dir: :lang #国际化文件夹
skip_render: #跳过文件的渲染
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#文章
new_post_name: :title.md #新文章的文件名称
default_layout: post #预设布局
titlecase: false #把标题转换为title case
external_link: true #在新标签中打开链接
filename_case: 0 #把文件名转换为小写或大写
render_drafts: false #是否显示草稿
post_asset_folder: false #启动Asset文件夹
relative_link: false #把链接改为与根目录的相对位置
future: true #显示未来的文章
highlight: #代码块的设置
enable: true
line_number: true
auto_detect: false
tab_replace:
1
2
3
4
5
6
7
8
9
date_format: YYYY-MM-DD         #日期格式
time_format: HH:mm:ss #时间格式


per_page: 10 #每页显示的文章量
pagination_dir: page #分页目录


theme: landscape #更改主题

上传github

在项目文件夹安装 hexo-deployer-heroku

1
npm i hexo-deployer-heroku --save

修改配置文件_config.yml

1
2
3
4
5
deploy:
type: git
repo: https://github.com/wangzai999/wangzai.github.io.git #库的地址
branch: master #分支名称
message: #自定义提交信息

这里库地址即是在github上创建的项目地址

上传代码:

1
hexo d

相关链接:

hexo文档 写的好的安装教程