第一次在Github搭建Hexo博客

作者:怪大叔    发布于:

环境&所需

1
2
3
4
5
6
7
搭建系统:Win7
准备的东西:Github账号、域名

需要安装配置的环境:Git、Nodejs、Npm、Hexo
Git下载地址:https://git-scm.com/download/win
Nodejs下载地址:https://nodejs.org/en/
需要安装后再进行以下操作

创建Github仓库

注册Github后点击右上方头像旁边的加号 选择 New repository进行创建仓库

image

在Repository name中输入你即将新建的仓库地址 然后点击Create repository
即可
image

下载Hexo

在任意位置点击鼠标右键,选择Git Bash

image

输入命令安装Hexo

1
$ npm install -g hexo

image

1
(报这种错误是正常的“npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})” 直接忽略就好)

初始化Hexo

新建一个任意位置的任意目录 如C:/Hexo 进入目录右键选择Git Bash

image
下载Hexo网站源码

1
$ hexo init

image

文件就会下载到该目录下

image

1
(hexo-theme-typescript是我之前下载的主题,请忽略)

本地浏览博客

进入Hexo 目录下右键选择Git Bash(还在这的话请忽略)
输入命令

$ hexo g

1
hexo g == hexo generate#生成

$ hexo s

1
hexo s == hexo server #启动服务预览

image

浏览器输入http://localhost:4000 就可以访问啦

image

更多Hexo命令

编写文章

在Hexo\source_posts目录下新建.md文件编辑即可 如:

image

1
2
3
4
5
6
7
8
9
10
11
12
13
头部语法:
title 文章的标题
date 创建日期 文件的创建日期
updated 修改日期 文件的修改日期
comments 是否开启评论 true
tags 标签
categories 分类
permalink url中的名字 文件名

注意!格式 :前面要有空格!!!
如:title: 我是标题

内容需使用Markdown语法编写文章

安装Hexo主题

进入Hexo目录下右键选择Git Bash(还在这的话请忽略)
输入命令

1
$ git clone https://github.com/artchen/hexo-theme-typescript themes/next

更多主题

image

主题会下载到themes目录下 文件名为next

image

_config.yml设置

修改标题

1
2
3
4
5
6
7
8
9
10
11
第6行
title: 博客标题
subtitle:
description:
author: 作者

如:
title: Sye3er's blog
subtitle:
description:
author: Sye3er

修改主题

第75行 theme: landscape 改为我们刚刚下载在themes目录下的next 如:

1
theme: next

Githnb对接

1
2
3
4
5
6
7
第77行
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: 自己的项目地址
branch: master (分支)

image
前面记得带==空格==!

上传至Github

直接使用命令:

1
$ hexo clean && hexo g && hexo d

途中会出现登录框让你登录Github

image

填入自己的账号密码即可

最后出现“INFO Deploy done: git” 就证明成功啦!

image

这时候浏览项目生成的仓库地址就可以啦~

image

域名绑定

有域名的小伙伴也可以进行域名绑定,使用“CNAME记录 ”解析到你设置的Github域名上即可

在Github点击头像–Settings–GitHub Pages下添加

image

出现每次更新github的时候 GitHub Pages上都会没有绑定自己的域名 导致无法正常通过域名去访问网站,这时候我们就在Hexo\source目录下新建一个CNAME 里面填入你的域名(不需要加http://)如:

image

这样每次更新就不用设置GitHub Pages了

那么这时候访问你绑定的域名就大功告成啦~
请开始你的Hexo之旅吧~

format_list_numbered

(无)

  1. 1. 环境&所需
  2. 2. 创建Github仓库
  3. 3. 下载Hexo
  4. 4. 初始化Hexo
  5. 5. 本地浏览博客
  6. 6. 编写文章
  7. 7. 安装Hexo主题
  8. 8. _config.yml设置
    1. 8.1. 修改标题
    2. 8.2. 修改主题
    3. 8.3. Githnb对接
  9. 9. 上传至Github
  10. 10. 域名绑定
vertical_align_top

Copyright © 2017 怪大叔'bolg

Powered by Hexo && Theme - Vateral