Hexo关于hexo

HEXO+Github搭建blog(2018.7)

2018-07-08  本文已影响81人  骷髅行

由于在网络上找到的根据hexo和github搭建blog的教程都无法让我的电脑完整的搭建起一个blog。所以,把自己搭建blog的过程写出来,作为以后的参考之用。

hexo的官网教程地址:https://hexo.io/zh-cn/

安装Node.js

Node.js的下载地址:https://nodejs.org/en/(该地址从hexo的官网教程上找到的)

在安装Node.js的时候,我采用的是默认安装。

安装Git

Git的下载地址:https://git-scm.com/(该地址从hexo的官网教程上找到的)

在安装Git的时候,我采用的是默认安装。

安装HEXO

安装hexo需要在电脑桌面上,右键打开Git Bash,然后输出一下命令进行安装:

npm install -g hexo-cli

初始化HEXO

首先,需要建立一个文件夹。这个文件夹作为以后放置与blog相关的文件(包括你的博文)。文件夹的建立位置没有具体的要求,可以随自己喜欢。

之后,打开文件夹,在文件夹内运行Git Bash

输入一下命令进行初始化:

hexo init

cd

hexo install

由于我不了解这些命令的具体作用,所以也无法解释这些命令的具体作用是什么。

在进行这几个步骤之后,就可以进行本地预览blog。做到这一步,应该不会出现什么问题。

本地预览blog就是检测是否成功初始化的一个方法。

进行本地预览的时候,需要输入一下命令:

hexo g

hexo s

之后,就可以通过浏览器打开网址http://localhost:4000/ 对自己的搭建的hexo进行观看。(如果文件夹里面没有文本文本,那么是打开之后会出现错误。这时候需要在文件夹中添加文本文件。文本文件保存在source\_posts中。)

在进行这些步骤的时候,我出现以下一个问题:

在输入命令hexo init`之后,出现

npm ERR! A complete log of this run can be found in:npm ERR!    C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2018-07-08T0      4_09_40_928Z-debug.logWARN  Failed to install dependencies. Please run 'npm install' manually!

之后根据提示,输入命令hexo install之后,出现:

npm ERR! Unexpected token < in JSON at position 1 while parsing near 'npm ERR! npm ERR!

npm ERR! A complete log of this run can be found in:npm ERR!    C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2018-07-08T0 4_10_59_237Z-debug.log

出现这种情况,我通过一下方式进行HEXO的成功初始化。

输入命令:

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

cpm install

之后就可以通过本地预览查看是否成功初始化。

出现这个问题,据说是国内的NPM源有问题,所以采用国内的NPM镜像源就可以解决这个问题。具体情况,我也不知道。我采取的方式来自于:淘宝NPM镜像:https://npm.taobao.org/

部署到Github上

注册一个Github的账号。

Github的官网网站:https://github.com/

建好账号之后。

1.点击Start a Project

2.之后在Create a new repository里输入Repository name 的时候,要注意这里要和账号的名字相同。并且,Repository name的格式是:用户名.github.io

3.对于下方的

Initialize this repository with a README

This will let you immediately clone the repository to your computer. Skip this step if you’re importing an existing repository.

这个选项可以打钩也可以不打勾。我选择的是打钩。

配置Git的用户名和邮箱

输入一下命令:

git config --global user.name"你的github的用户名"

git config --global user.email "你的github的邮箱"

配置密钥

输入一下命令:

ssh-keygen -t rsa -C"你的邮箱全名"

接着按三次回车键就可以了。

接下来会生成两个文件(id_rsa和id_rsa.pub)。它们是保存在C:\Users\Administrator\.ssh。

之后,打开Github网站,点击右上角的头像进入Settings。

在左侧进入SSH keys。点击New SSH key进行添加。

添加的时候,title部分可以随意填写。但不知道填写中文是不是可以的。我是填写英文名称。

Key里面的内容,填写文件id_rsa.pub中的内容。

之后点击Add SSH key 即可。

之后可以通过输入命令:

ssh -T git@github.com

进行验证是否有添加成功。

再输入这个命令的时候,有可能会出现

Are you sure you want to continue connecting (yes/no)?

这时候,不能直接按回车键。需要输入yes之后,再按回车键。

接着就会出现

Hi (你的用户名)! You've successfully authenticated, but GitHub does not provide shell access.

这就表示已经连接成功了

配置hexo文件

打开初始化HEXO的文件夹。打开里面的文件_config.yml。在最底下有deploy的参数配置

repository里的内容填写的是github里面项目的SSH地址。通过在github里面打开之前建好的项目。在右上角有一个Clone or download。通过点击这个可以复制SSH地址。如果显示的是HTTPS的地址,可以通过Use SSH 进行转换。(需要注意的是,在填写的时候,要在冒号后面空一格。)

将本地数据部署到Github

在部署之前需要输入命令:

cnpm install hexo-deployer-git --save

部署时需要输入命令:

hexo d -g

以后再部署的时候,就不需要再输入第一条命令,只需要输入第二条命令即可。

部署成功之后,就可以通过github上显示的网站浏览内容。

打开github里的项目,点击其中的settings。

在下面可以找到:

上面显示的网站就是,你的网站。

上一篇 下一篇

猜你喜欢

热点阅读