Hexo-github搭建个人博客

前言

持续更新….

我的主题是yilia，然后效果大家可以看一下：https://longlongqin.gitee.io/

 

我的是在windows操作系统上面，在其他的系统上面大同小异。也参考了很多文章及视频教程。主要参考的是：

程序羊的视频：https://www.bilibili.com/video/av44544186?from=search&seid=12981624311298276946

文章：

• https://ouwen666.gitee.io/2020/01/29/Hexo+Gitee搭建个人博客

  作者部署的是gitee

• https://godweiyang.com/2018/04/13/hexo-blog/#toc-heading-6

  含有个性化配置

注：文中的指令都是在cmd（Windows中的命令提示符）中完成的。如果在这之前电脑上就已经安装了Git bash，那么也可以在Git bash中运行指令。

安装Node.js

博客框架Hexo是基于Node.js制作的静态博客，我们待会要用到Node.js里面的npm(node package manager)包管理器来安装插件。

可以点击这里进入其官网。

进入之后，按照操作系统进行下载安装。如上图是Windows系统64位的版本，上面官方推荐下载的版本。

安装选项就按默认的，一直点击Next。

然后，检验是否安装成功：用Win+R命令打开命令提示符，输入node -v 和npm -v ，出现版本号，则说明安装成功。

添加cnpm

注：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果npm的服务器在中国就好了，所以我们乐于分享的淘宝团队干了这事。来自官网：“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

所以我们可以利用npm安装cnpm，再cmd中输入：

1	npm install cnpm -g –registry=https://registry.npm.taobao.org

再输入：cnpm -v来检验是否安装成功。

此时，假设我们Node.js安装成功。

安装Hexo框架

我们要利用Hexo框架模型来搭建我们的博客。点击这里可以进入其官网。下载该框架也仍然是在cmd（Windows中的“命令提示符”）中输入指令完成的。

在上一步我们安装了cnpm，现在我们要用它来安装hexo，用cnpm安装的速度更快一些，也可以用npm：

1	cnpm install -g hexo-cli

检验是否安装成功，当运行之后出现版本号则安装成功：

1

hexo -v

现在，我们的Hexo框架已经安装成功了。

初始化Hexo

想要看到博客运行起来，我们现在还需要对Hexo框架进行初始化。

在你的电脑上找一个合适的位置，创建一个文件夹，名字可以随便取，可以用Blog等等的名字，随个人喜好取名。为了便于演示，假设你取的名字叫做：blog

注意，初始化是在我们创建的这个blog文件夹中初始化的，所以，我们的命令提示符（cmd）左边的路径要在这个blog文件夹中。

进入刚刚创建的文件夹中

然后，在输入指令 ：

1

hexo init

初始化完成后，我们的blog文件夹中，就会生成这些文件：

• node_modules: 依赖包
• public：存放生成的页面
• scaffolds：生成文章的一些模板
• source：用来存放你的文章
• themes：主题
• _config.yml: 博客的配置文件

初始化完成，在打开hexo服务器：

1 2 3

$ hexo s INFO Start processing INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

我们，打开浏览器，输入：localhost:4000，就可以看到你的博客的雏形已经好了。

更换主题

加入你觉得这个主题你不喜欢，想要找一个其他的主题，你可以进入Hexo的官网的主题板块，来选择你喜欢的主题：

假如，你想更换为3-hexo，那就点击它，会跳转到该主题的创作者的GitHub上：

安装3-hexo主题，其中命令的themes/3-hexo指的是该主题的安装位置：

1	git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo

安装完之后，我们需要运行：

1 2 3

$ hexo clean # 清除所有记录 $ hexo generate # 生成静态网页 简写：hexo g $ hexo server # 启动服务 简写：hexo s

然后，我们就能在本地localhost:4000中，查看修改好的主题了。

安装Git

如果你不想只在本地上查看你的博客，也想有自己的博客网址链接，那我们可以下载Git，把博客内容部署到GitHub或者gitee上面。我们这里以GitHub为例。

Git的官网点击这里。然后按照你的电脑的操作系统下载相应的版本。安装选项还是全部默认，只不过最后一步添加路径时选择Use Git from the Windows Command Prompt，这样我们就可以直接在命令提示符里打开git了。

安装完成后在命令提示符中输入git --version验证是否安装成功。

GitHub账号

如果你没有GitHub账号，我们现在去创建一个吧。点击这里创建。创建完成之后，我们新建一个github仓库：

注意你的仓库名字不要随便起，待会我们要用到。加入你GitHub名字叫“AAA”，那么仓库个名字就一定是：AAA.github.io：

将博客部署在github中

目前，还不能部署到GitHub上。还需要下载hexo-deployer-git插件：

1	cnpm install hexo-deployer-git --save #通过cpnm安装git插件

如果，你是刚刚才下载的Git，则还需要设置你的姓名和邮箱：

1 2	git config --global user.name "Firstname Lastname" // 名字使用英文输入 git config --global user.email "your_email@example.com"

还有你的SSH Key，创建公开密钥：

1	ssh-keygen -t rsa -C "your_email@example.com"

​ 把生成的密钥添加到GitHub中去：

1. 找到生成的密钥：如果一切顺利的话，可以在用户主目录里找到.ssh目录，我的在：C:\Users\xxxx\.ssh（xxxx是我的一个目录）。里面有id_rsa和id_rsa.pub两个文件，这两个就是SSH Key的秘钥对，id_rsa是私钥，不能泄露出去，id_rsa.pub是公钥，可以放心地告诉任何人。
2. 在头像下面点击settings，再点击SSH and GPG keys，新建一个SSH，名字随便，把公钥复制进去。

到这里，我们的git与远程的GitHub已经建立起关系了。

我们还需要把blog文件夹中的设置文件，即：_config.yml，将最后一行进行修改,：

1 2 3 4

deploy: type: git repository: https://github.com/longlongqin/longlongqin.github.io.git branch: master

​ repository修改为你自己的github项目地址，在实际操作过程中，repository: git@github.com:longlongqin/longlongqin.github.io.git,也是可以的。

修改之后，我们才能部署到GitHub上：

1 2	$ hexo deployer ## 初次使用这个命令，需要输入github的用户名username和密码password

​ 这里，就是利用刚下载的插件：hexo-deployer-git

现在我们可以访问我们在github服务器上的博客网址，网址就是我们刚刚创建仓库的名字，比如我的仓库名是：longlongqin.github.io，我们复制粘贴它到浏览器，然后你就可以看到你的博客内容了。😊

比如，我的博客样式，大家可以去参观一下。https://www.longlongqin.top/