迈出第一步，Hexo博客搭建

Posted 2020-12-29 csu-lmw

很早之前看到别人的博客就总想着自己之后也要搭一个，最近突然来了干劲，就开始搭起了博客。不过搭博客还真是一个累活，失败了不下十次，用了好几天的时间，感觉自己在浪费时间，但是看到现在博客终于能用了，非常开心！这里将通过这篇文章来记录搭建过程。

环境及准备
 windows、git、Node.js

 一、Git
1.1 安装git

链接 https://desktop.github.com/

下载后一路默认安装就行了。

1.2 配置Git

当安装完Git应该做的第一件事情就是设置用户名称和邮件地址。这样做很重要，因为每一个Git的提交都会使用这些信息

1 $ git config --global user.name "username"
2 $ git config --global user.email "[email protected]"

 

1.3 与github建立联系

为了能够在本地使用git管理github上的项目，需要进行一些配置，这里介绍SSH的方法。

 

检查电脑是否已经有SSH KEYS

1 $ ls -al ~/.ssh

 

默认情况下，public keys的文件名是以下的格式之一：id_dsa.pub、id_ecdsa.pub、id_ed25519.pub、id_rsa.pub。因此，如果列出的文件有public和private钥匙对（例如id_ras.pub和id_rsa），证明已存在SSH keys。

 如果没有SSH KEY，则生成SSH KEY

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

 

 在GitHub账户下添加SSH Key

首先，拷贝key：

1 clip < ~/.ssh/id_rsa.pub

 

再去注册一个github账号，如果有，直接登录，然后，在GitHub右上方点击头像，选择”Settings”，在右边的”Personal settings”侧边栏选择”SSH Keys”。接着粘贴key，点击”Add key”按钮。

 二、Hexo
2.1 hexo安装

Hexo的安装很简单。但在安装之前须检查电脑中是否已经安装了Node.js
下载链接 http://nodejs.org/
如果电脑中已经安装上述程序，那么下面只需一步便可安装hexo了，打开git bash，然后输入

1 npm install -g hexo-cli

2.2 使用hexo建站

安装完成后，自己新建一个文件夹，打开，右键打开git bash，输入以下指令：

1 $ hexo init

该命令会在目标文件夹内建立网站所需要的所有文件。接下来是安装依赖包：

1 $ npm install

这样，我们就已经搭建起本地的Hexo博客了。可以先执行以下命令（在对应文件夹下），然后再浏览器输入localhost:4000查看。

1 $ hexo s 

可以打开网页了吧？有没有很开心？但这个博客只是本地的，别人是浏览不了的，之后需要部署到GitHub上。

三、将博客部署到Github
### 3.1 新建对应仓库
在自己的GitHub账号下创建一个新的仓库，命名为username.github.io（username是你的账号名)。

### 3.2 开始部署

在上面所说的文件夹中，找到文件_config.yml，编辑该文件

默认的_config.yml：

1 # Deployment
2 ## Docs: http://hexo.io/docs/deployment.html
3 deploy:
4   type:

修改后的_config.yml:

1 deploy:
2   type: git
3   repo: [email protected]:username/username.github.io.git #username换成自己的用户名和仓库名,去掉括号
4   branch: master

为了能够使Hexo部署到GitHub上，需要安装一个插件：

1 $ npm install hexo-deployer-git --save

然后，执行以下命令

1 $ hexo generate
2 $ hexo deploy

之后，可以通过在浏览器键入：username.github.io进行浏览，开心吧~

本文首发于 itryagain.cn/