hexo+gitHub搭建个人独立博客
一、提前需要安好的软件
Node.js
- Node.js用来创建hexo的框架的
Git客户端
- 用来把本地的hexo内容提交到GitHub上去
二、安装Hexo
安装前先介绍几个常用的命令,#后面为注释
hexo g #完整命令为hexo generate ,用于生成静态文件
hexo s #完整命令为hexo server ,用于启动服务器,主要用来本地预览
hexo d #完整命令为hexo deploy ,用于将本地文件发布到GitHub上去
hexo n #完整命令为hexo new ,用于新建一篇文章
利用 npm 即可安装。在任意位置点击鼠标右键,选择Git Bash Here
输入安装hexo命令
npm install -g hexo
安装完成后,在喜欢的文件夹下执行如下命令,还是用Git Bash Here,Hexo会自动在目标文件夹下建立网站所需要的所有文件
hexo init
安装依赖包
npm install
让我们看看刚才的下载操作给hexo文件夹带来了什么,执行如下命令
hexo g
hexo s
然后用浏览器访问http://localhost:4000 就能看到漂亮的博客了,当然这只是在本地的博客,别人是看不到的。
贼漂亮,真好看,超级喜欢(就是在这里这个图片显示有问题)
三、GitHub操作
1、注册GitHub账号
已经有Github帐号跳过此步,首先进入Github进行注册,用户名、邮箱和密码之后都需要用到,自己记好。
2、创建respository
respository相当于一个仓库,用来放置你的代码文件。首先登录GitHub,并进入个人页面,选择右上角的“+”,点击
New repository
四、部署本地文件到GitHub
既然respository已经建好了,那就把博客放到GitHub上去看看效果。编辑本地文件夹下的_config.yml,建议用notepad++。在文件的最下方加上如下配置(命令中的第一个6awaken9为GitHub的用户名,第二个yikeluomi为之前New的respository的名字。还有就是hexo的配置文件中任何一个“:”后面都是有一个空格的),如果配置一下命令出现ERROR Deployer not found : github,则参考上文的解决方法。
deploy:
type: git
repo:
github: aaa@qq.com:6awaken9/yikeluomi.github.io.git,master
配置好了就保存。如果是第一次使用GitHub或者使用过,但是没有配置过SSH,则需要配置一下:
在Git Bash输入一下指令(任意位置点击鼠标右键),检查是否已经存在SSH Keys。
ls -al ~/.ssh
如果不存在就没关系,如果存在的话,直接删除 .ssh文件夹里的文件:
输入以下指令后回车(邮箱就是你注册GitHub的时候的邮箱),出现提示让你输入的时候直接先回车,好像需要3次。
ssh-****** -t rsa -C "aaa@qq.com"
、
然后键入以下指令
ssh-agent -s
继续输入指令:
ssh-add ~/.ssh/id_rsa
报错了
执行以下指令
eval `ssh-agent -s`
ssh-add
到了这里就可以添加SSH Key到GitHub账户了。键入以下指令拷贝key。
clip < ~/.ssh/id_rsa.pub
测试一把
ssh -T aaa@qq.com
配置好了SSH,执行以下命令部署到GitHub上
hexo g
hexo d
但是我的报了一个错
那就先安装一下hexo-deployer-git这个模块,
npm istall hexo-deployer-git --save
安装好了继续执行 hexo d 部署命令,输入GitHub的账号密码就可以访问了。
我的一直访问不了,原来是库名必须跟你的github用户名一致,不然就会一直报404.
五、发布一篇新文章
1、在Git Bash执行如下命令:
hexo new "my new post"
2、在文件夹hexo\source_post下打开my-new-post.md,打开方式用记事本或者其他文本工具。
hexo中写文章使用的是Markdown,这里推荐使用markdownpad
这个工具。
---
title: my new post #可以改成中文的,如“新文章”
date: 2018-07-19 13:55:53 #发表日期一般不改动
categories: blog #文章文类
tags: [文章] #文章标签,多于一项时用这种格式,只有一项时使用tags: blog
---
#这里是正文,用markdown写,你可以选择写一段显示在首页的简介后,加上
<!--more-->,在<!--more-->之前的内容会显示在首页,之后的内容会被隐藏,当游客点击Read more才能看到。
写完文章之后可以使用:1、hexo g 生成静态文件。2、hexo s 在本地预览效果。3、hexo d 同步到GitHub。然后访问。