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

博客基于Github的hexo搭建

程序员文章站 2023-12-24 12:00:27
...

借鉴来至Ryane’s Blog 感 谢

前言

这个教程非常的适合像我们这样的小白,用Github Pages和Hexo搭建的独立博客。没有用到自己的服务器,用的是Github的托管,可以为你免费提供服务器。不用去配置服务器,数据库等等。当然这是一部分适合我们这样的小白,以后慢慢有了经验大家还是可以自己租一个服务器折腾。

Github

博客基于Github的hexo搭建

Github里面的东西是真的好

下面直接开始

以下都是小白操作,但是我们可以边模仿边学习。以下的教程的原理,大家都可以去网上查阅。

安装Node.js和git

Node.js:直接从官网下就好了(注意32 和 64)

git:上官网,不过貌似要*(64位的可以选择这个

.hexo安装

安装完Git之后,桌面右键鼠标,点击Git Bash Here,输入npm命令即可安装

npm install hexo-cli -g
npm install hexo --save
#如果命令无法运行,可以尝试更换taobao的npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org`

.创建文件夹

安装完成之后,根据自己的爱好,在自己喜欢的位置新建博客目录(比如:D:\blog\hexo)
进入D:\blog\hexo,右键鼠标。点击Git Bash Here,进入Git命令框,执行以下操作。

$ hexo init
$ npm install

安装相关插件

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install aaa@qq.com --save
npm install aaa@qq.com --save
npm install aaa@qq.com --save
npm install aaa@qq.com --save

先在本地查看效果

在Hexo目录下执行git命令:

hexo generate
hexo server

登陆localhost:4000,即可看到本地的效果如下:

博客基于Github的hexo搭建

本地部分已经结束

现在本地工作已经做好,我们再把做好的东西部署到Github就好了

将本地博客部署到Github Pages上面

注册账号

  1. Github官网
  2. 右上角sign up

创建代码仓库

  1. 注册完登陆后,我们就创建一个我们自己的Github Pages项目。点击New repository。
  2. 创建要点如下:
    博客基于Github的hexo搭建
    要点:一定,一定注意项目名字和用户名一定对应

配置SSh**

看看是否存在SSH**

打开Git Bash,运行:

$ cd ~/. ssh 

检查你本机用户home目录下是否存在.ssh目录

如果,不存在此目录,则进行第二步操作,否则,你本机已经存在ssh公钥和私钥,可以略过第二步,直接进入第三步操作。

创建一对新的SSH**

$ssh-****** -t rsa -C "aaa@qq.com"
#这将按照你提供的邮箱地址,创建一对**
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

直接回车,则将**按默认文件进行存储。此时也可以输入特定的文件名,比如/c/Users/you/.ssh/github_rsa

接着,根据提示,你需要输入密码和确认密码(说到这里,如果你很放心,其实可以不用密码,就是到输密码的地方,都直接回车,所以每次push就只管回车就行了。所谓的最安全的密码,就是没有密码 哈哈)。相关提示如下:

Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]

输入完成之后,屏幕会显示如下信息:

Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db aaa@qq.com

在Github账户中添加你的公钥

先运行以下命令,

clip < ~/.ssh/id_rsa.pub

然后:

  1. 登陆GitHub,进入你的Account Settings.

博客基于Github的hexo搭建

2.选择

博客基于Github的hexo搭建

3.
博客基于Github的hexo搭建

设置用户信息

$ git config --global user.name "cnfeat"//用户名
$ git config --global user.email  "aaa@qq.com"//填写自己的邮箱

问题

如有问题,参考:
[GitHub Help - Generating SSH Keys](Error: Permission denied (publickey))
Error: Permission denied (publickey)

将本地hexo文件部署到Github库中

打开自己username.github.io的项目

然后,点击HTTPs选择HTTPS类型

复制地址

打开你一开始创建的Hexo文件夹(如F:\Blog\Hexo),用记事本打开刚文件夹下的_config.yml文件

修改配置

#

博客基于Github的hexo搭建

在Hexo文件夹下:

hexo g
hexo d

或直接

hexo g -d

执行完之后就可以了。

结语 :

中间还有又很多可以去摸索的

上一篇:

下一篇: