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: [email protected]:6awaken9/yikeluomi.github.io.git,master

配置好了就保存。如果是第一次使用GitHub或者使用过,但是没有配置过SSH,则需要配置一下:

在Git Bash输入一下指令(任意位置点击鼠标右键),检查是否已经存在SSH Keys。

ls -al ~/.ssh

如果不存在就没关系,如果存在的话,直接删除 .ssh文件夹里的文件:

 

输入以下指令后回车(邮箱就是你注册GitHub的时候的邮箱),出现提示让你输入的时候直接先回车,好像需要3次。

ssh-keygen -t rsa -C "[email protected]"

然后键入以下指令

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 [email protected]

配置好了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。然后访问。

猜你喜欢

转载自blog.csdn.net/qq_30604989/article/details/81112678
今日推荐