windows下Hexo博客搭建过程

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_31880107/article/details/86688467

论文写完了，可以有时间搭建博客了，正好把搭建的过程写下来，供大家参考。
欢迎大家观赏我的博客，地址： 宁子安的博客

1. 基本原理：

1.1 GitHubPages

1. What is GitHub Pages?
   GitHub Pages is a static site hosting service. GitHub Pages is designed to host your personal, organization, or project pages directly from a GitHub repository.
   It’s totally free with some limits. But it’s enough for a personal website.

2. Official websites

   • Github pages
   • Help of github pages

1.2 Hexo

1. What is Hexo?
   Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

2. Official websites

   • hexo

   • documents of hexo

1.3 Combination of Hexo and GitHub Pages

You can deploy your Hexo blog on Github Pages using only one command, after setting up SSH Key to your Github.

2. 准备工作

2.1 安装node.js

从官网下载相应版本的安装文件，进行安装即可。
下载地址： node.js下载

在命令提示符中使用 node -v 命令来测试 node.js 是否安装成功。

2.2 安装git

从官网下载安装文件。如果下载速度太慢，可以翻墙使用VPN。
下载地址：git下载

使用管理员身份打开安装文件，进行安装。选择第二个选项，使用系统cmd。

后面两步都选择使用 SSH。

然后选择使用windows风格，使用windows的cmd。（这些设置根据自己的喜好来设置）

安装好之后，可以通过 git --version 来测试git是否安装成功。

2.3 右键添加Git Bash Here

一般情况下，安装完git，右键会自动出现 Git Bash Here 选项，如下图所示

如果由于系统更新等原因，导致右键选项消失，可以手动添加，过程如下：
运行 regedit.exe 进入注册表，在 HKEY_CLASSES_ROOT\Directory\Background\shell中进行设置。
1.新建项Git Bush Here，此时你可以看到在桌面右键会出现“Git Bush Here”菜单。
2.添加Git Bush Icon，在第一步的新建项Git Bush Here下，新建字符串值Icon，然后编辑该值为“C:\Program Files\Git\mingw64\share\git\git-for-windows.ico”，你需要根据你安装的Git 目录进行配置修改。完成此步后，你会发现右键菜单“Git Bush Here”会多出一个Icon。

3.添加Command项。在“Git Bush Here”下再新建项“Command”，将其默认值改为“C:\Program Files\Git\bin\bash.exe --login -i”，这样，你就可以通过右键菜单的方式快速进入Git命令行工具，进行代码版本管理。

2.4 使用github

在GitHub官网注册账号。然后要添加SSH Key，这样Github就能识别设备,允许电脑直接提交代码。

打开刚刚安装好的git，输入命令

cd ~/.ssh

如果显示No such file or directory，则表示此电脑第一次使用SSH Key。

下面说明如何产生新的SSH Key。在git bash 中输入：

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

注意用户名改成自己的邮箱地址，中间的提示，可以直接按回车即可。成功后会生成两个文件 id_rsa 和 id_rsa.pub 。显示如下图：

此时 C:\Users\84694\.ssh 路径下就会有两个文件生成。

回到GitHub官网，点击你的头像，选择 Settings-> SSH keys->New SSH key。
复制 id_rsa.pub 中的内容到github中。

3. 开始搭建博客啦

3.1 安装Hexo

在本地新建一个文件夹 blog ，右键，选择 Git Bash Here。

输入指令，安装hexo，等安装完毕，通过输入 hexo 的命令来测试Hexo是否安装成功。

npm install -g hexo

接着初始化 hexo。

hexo init hexo

初始化成功会显示 Start blogging with Hexo! ，这时在你刚才创建的Blog文件夹里面会多出一个hexo文件夹。

进入到hexo目录，输入指令npm install，安装依赖文件以及部署形成文件。

cd hexo
npm install
hexo generate

此时，hexo已经安装完毕。下面使用server来验证是否安装成功。输入命令：

hexo server

这时提示Hexo is running at http://loalhost:4000/.
接着我们打开浏览器，输入http://localhost:4000/便可看到默认的博客，如图，说明hexo安装成功。

恭喜，此时hexo已经安装完毕，在git bach里面按 Ctrl+c 退出server。

3.2 配置Github pages

登录Github，点击”New repository”，新建一个版本库
输入仓库名：你的Github名称.github.io。然后点击 Create repository。

注意：一定要用自己的github的用户名，不然显示不出来。

然后就是启用 gitHubPages
点击右边的 Setting 菜单进入设置，找到GitHub Pages，点击 Choose a theme

随意选择一个模版，点击 Select theme，发布github默认生成的一个静态站点。

此时Github pages配置完毕，你已经有了一个github托管的静态网站，在浏览器中输入地址：http://你的用户名.github.io 将会看到这个网站。

恭喜你，已经拥有了一个真正的博客。

3.3 将本地hexo博客托管到GitHub上

hexo的配置文件为目录下的 _config.yml ，修改此文件即可更改设置。编辑最后面的deploy属性。

输入命令，安装 hexo-deployer-git 插件

npm install hexo-deployer-git --save

使用命令部署本地博客到github上。
代码如下，每次修改本地博客，都需要执行以下代码。

hexo clean

hexo generator   #简写 hexo g

hexo deploy      #简写 hexo d

最后在浏览器检查是否部署成功。

3.4 域名解析

如果能有一个自己喜欢的域名来登录自己的博客，将是一件非常美好（装逼）的事情。

首先需要获取github pages的ip地址，这个ip地址是固定的。不得不说国外的ip地址资源太丰富了。
打开命令提示符，ping你的github地址

ping ningzian.github.io

然后需要买一个自己想要的域名，可以在阿里云下的万网申请购买。然后进入你的阿里云域名列表，选择你想要解析的域名，点击后面的解析。

添加两个解析值，一个是ip地址，一个是GitHub地址。

最后在 hexo/source 文件夹里面新建一个 CNAME 内容为映射的网址。

然后你就可以用购买的域名啦！

到此属于你自己的博客就搭建完毕了，关于如何新建文章和其他一些操作，请见《Hexo教程》。