Hexo+Github搭建个人博客教程基础篇(Windows篇)
Hexo安装
准备
- 安装git、node.js
直接在官网上下载最新版本
git官网
node.js官网 - 检验安装是否成功
安装完成之后,在你认为合适的地方新建一个文件夹(博主直接建在桌面的),命名为Hexo。
右击Hexo文件夹,点击Git Bush Here进入分别输入git –version、node -v、npm -v如下: - 申请github账号
进入Github官网,注册账号
建立一个 repository
注意创建与账号同名的Repository并且勾选Initialize this repository with a README
创建成功后点击Settings可以看到:
至此,我的网站域名为https://yaer23.github.io
安装
安装Hexo
我是使用淘宝NPM镜像完成对Hexo的安装的
打开Git Bash,输入以下命令npm install -g cnpm --registry=https://registry.npm.taobao.org
使用NPM镜像安装,输入以下命令cnpm install -g hexo-cli
如果出现WARM不用理会,继续输入命令cnpm install hexo --save
检验安装是否成功hexo -v
看到显示的hexo版本如下(我的版本)说明安装成功啦(// v //)Hexo本地运行
hexo初始化hexo init
安装生成器cnpm install
运行hexo,输入命令hexo s -g
可以看到
在浏览器中输入http://localhost:4000就可以看到Hexo的本地运行了
Ctrl+C可以停止运行
将博客部署到github上
理解
配置SSH
- 生成SSH
$ ssh-keygen -t rsa -C "邮件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车>
- 1
- 2
- 3
然后系统会要你输入密码(这里的密码主要是在你提交Git时弹出密码认证):
Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>
- 1
- 2
成功后会出现如下图:
- 更改Github账号SSH信息
找到~/.ssh/id_rsa.pub
文件并复制里面的内容
登录Github并添加密钥,将复制的内容添加到SSH Key中 - 测试SSH是否配置成功
输入ssh -T [email protected]
系统回复以下说明配置成功
Hi username! You've successfully authenticated, but GitHub does not
provide shell access.
- 1
- 2
- 配置github用户信息
git config --global user.name your name
git config --global user.email your_email@youremail.com
- 1
- 2
- 部署到Github
安装hexo git插件cnpm install hexo-deployer-git --save
打开根目录配置文件(~/_config.yml),修改部署配置:
deploy:
type: git
repo:
github: git@github.com:Yaer23/Yaer23.github.io.git,master
- 1
- 2
- 3
- 4
- 最后发布并更新博客
hexo g
hexo d
然后打开https://Yaer23.github.io可以看到有Hexo主题的个人博客
至此,简单的个人博客就部署成功 ٩(๑❛ᴗ❛๑)۶
编辑并发表文章
发布文章
hexo new "title"
其中title为你的文章命名
编辑文章
打开新建的文章\source_posts\postName.md,其中postName是hexo new “title”中的title
---
title: My first one # 文章页面上的显示名称,可以任意修改,不会出现在URL中
date: 2017-4-12 17:34:29 # 文章生成时间,一般不改
categories: diary # 文章分类目录,多个分类使用[a,b,c]这种格式
tags: [Hexo,diary] # 文章标签
---
#这里开始使用markdown格式输入你的正文。
<!--more-->
#more标签以下的内容要点击“阅读全文”才能看见,#more标签以上的内容为你首页显示文章的摘要部分
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
MD渲染文章
Markdown是一种轻量级的「标记语言」,好处很多,balabala…(自行Google)
博主是直接用的马克飞象来写博文的
相关git命令
hexo g # 等于hexo generate # 生成静态文件
hexo s # 等于hexo server # 本地预览
hexo d # 等于hexo deploy # 部署,可与hexo g合并为 hexo d -g
hexo new [tittle] # 新建一篇文章
hexo version # 查看版本
hexo clean # 清除缓存文件和已生成的静态文件
- 1
- 2
- 3
- 4
- 5
- 6