hexo+gitHub搭建个人独立博客

男娘i 2022-05-19 02:39 234阅读 0赞

### 一、提前需要安好的软件 ###

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

![70][]

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

hexo init

![70 1][]

安装依赖包

npm install

![70 2][]

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

hexo g
    hexo s

![70 3][]

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

![70 4][]

贼漂亮，真好看，超级喜欢（就是在这里这个图片显示有问题）

### 三、GitHub操作 ###

1、注册GitHub账号

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

2、创建respository

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

New repository

![70 5][]

![70 6][]

### 四、部署本地文件到GitHub ###

既然respository已经建好了，那就把博客放到GitHub上去看看效果。编辑本地文件夹下的\_config.yml，建议用notepad++。在文件的最下方加上如下配置（命令中的第一个6awaken9为GitHub的用户名，第二个yikeluomi为之前New的respository的名字。还有就是hexo的配置文件中任何一个“:”后面都是有一个空格的），如果配置一下命令出现ERROR Deployer not found : github，则参考上文的解决方法。

deploy:
      type: git
      repo:
           github: git@github.com:6awaken9/yikeluomi.github.io.git,master

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

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

ls -al ~/.ssh

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

![70 7][]

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

ssh-keygen -t rsa -C "1515023110@qq.com"

![70 8][]、

然后键入以下指令

ssh-agent -s

![70 9][]

继续输入指令：

ssh-add ~/.ssh/id_rsa

![70 10][]

报错了

执行以下指令

eval `ssh-agent -s`
    ssh-add

![70 11][]

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

clip < ~/.ssh/id_rsa.pub

![70 12][]

![70 13][]

测试一把

ssh -T git@github.com

![70 14][]

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

hexo g
    hexo d

![70 15][]

但是我的报了一个错

那就先安装一下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写，你可以选择写一段显示在首页的简介后，加上
    ，在之前的内容会显示在首页，之后的内容会被隐藏，当游客点击Read more才能看到。

写完文章之后可以使用：1、hexo g 生成静态文件。2、hexo s 在本地预览效果。3、hexo d 同步到GitHub。然后访问。

[70]: /images/20220519/1aa1d35729914e8a9bdd9ec0ea23a272.png
[70 1]: /images/20220519/84787278ede343b4b17e73fae95cb7bf.png
[70 2]: /images/20220519/26c1724833eb4e8a86c23c0d3b41e33e.png
[70 3]: /images/20220519/260f50488e7d49e5bcbc14e7463130ce.png
[70 4]: /images/20220519/c84a6eac867a47229dc128f61e8884dc.png
[Github]: https://github.com/
[70 5]: /images/20220519/cd38960e626c4dfba011f44c879e1a46.png
[70 6]: /images/20220519/033762c9f1ea4be9a84d92ede7ebd7ac.png
[70 7]: /images/20220519/fcc7a035af284806a44e20db690c8db0.png
[70 8]: /images/20220519/579f439beeed4a3f8d387a565fedef93.png
[70 9]: /images/20220519/5b0303f3b0984b2da691869b98e743ad.png
[70 10]: /images/20220519/44bc83943575436aa90b9291e653c0e4.png
[70 11]: /images/20220519/3efa5bf483c54acf80769d87d0367676.png
[70 12]: /images/20220519/3358d5af9e194b80906d2132807162ec.png
[70 13]: /images/20220519/6791d1e763ba48c9960964edba996181.png
[70 14]: /images/20220519/7fb295050e32423a870b7b417a8ee50d.png
[70 15]: /images/20220519/3ff22c8b064241ba8cdae910895b7a69.png