欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

hexo+gitHub搭建个人独立博客

程序员文章站 2022-03-25 17:00:02
...

一、提前需要安好的软件

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

hexo+gitHub搭建个人独立博客

 安装完成后,在喜欢的文件夹下执行如下命令,还是用Git Bash Here,Hexo会自动在目标文件夹下建立网站所需要的所有文件

hexo init

hexo+gitHub搭建个人独立博客

安装依赖包

npm install

hexo+gitHub搭建个人独立博客

让我们看看刚才的下载操作给hexo文件夹带来了什么,执行如下命令

hexo g
hexo s

hexo+gitHub搭建个人独立博客

然后用浏览器访问http://localhost:4000 就能看到漂亮的博客了,当然这只是在本地的博客,别人是看不到的。

hexo+gitHub搭建个人独立博客

贼漂亮,真好看,超级喜欢(就是在这里这个图片显示有问题)

三、GitHub操作

1、注册GitHub账号

已经有Github帐号跳过此步,首先进入Github进行注册,用户名、邮箱和密码之后都需要用到,自己记好。

2、创建respository

respository相当于一个仓库,用来放置你的代码文件。首先登录GitHub,并进入个人页面,选择右上角的“+”,点击

New repository

hexo+gitHub搭建个人独立博客

hexo+gitHub搭建个人独立博客

四、部署本地文件到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文件夹里的文件:

 hexo+gitHub搭建个人独立博客

 

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

ssh-****** -t rsa -C "aaa@qq.com"

hexo+gitHub搭建个人独立博客

然后键入以下指令

ssh-agent -s

hexo+gitHub搭建个人独立博客

继续输入指令:

ssh-add ~/.ssh/id_rsa

hexo+gitHub搭建个人独立博客

报错了

执行以下指令

eval `ssh-agent -s`
ssh-add

hexo+gitHub搭建个人独立博客

到了这里就可以添加SSH Key到GitHub账户了。键入以下指令拷贝key。

clip < ~/.ssh/id_rsa.pub

hexo+gitHub搭建个人独立博客

hexo+gitHub搭建个人独立博客

测试一把

ssh -T aaa@qq.com

hexo+gitHub搭建个人独立博客

 

配置好了SSH,执行以下命令部署到GitHub上

hexo g
hexo d

hexo+gitHub搭建个人独立博客

但是我的报了一个错

那就先安装一下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。然后访问。

相关标签: 博客