hexo加Github搭建个人博客（一、二）

hexo加Github搭建个人博客（一）

在这之前，我们先介绍一下hexo加Github搭建博客的有关事项

1.hexo搭建的是静态网页，每次修改后都要执行静态生成，然后再执行部署

2.Github仓库服务器到博客网页需要一定的传输时间（反应时间），在博客更新部署后博客网页不会立刻做出改变，需要稍等一会

第一步：安装Github和node.js

1.Node.js安装地址

Node下载

2.Github安装地址

Github下载

Github安装教程：Git安装教程

3.在安装Github后用以下方法确认是否安装成功

方法1微软键+R ------> cmd ------> 键入git version 出现版本号表示安装完成

方法2在桌面，单击鼠标右键，查看是否存在 Git GUI here和 Git Bash Here。

第二步 注册Github账号（已注册请跳过此步骤）

Github官网

对英语不太擅长的人推荐使用浏览器的翻译页面功能翻译Github以提升浏览速度

第三步 安装Hexo到电脑，完成初始化

1.右击桌面空白处打开GIt Bash Here，输入以下内容

npm install hexo-cli -g

npm install hexo-deployer-git --save

2.之后选好你要存放博客文件的位置，在这个位置新建一个文件夹，并将这个文件夹命名为hexo

进入文件夹

3.右击打开Git Bash Here，输入以下命令初始化hexo

hexo init

hexo初始化完成后刷新文件夹，你会看到文件夹内多出了许多的文件

4.右击打开GIt Bash Here，输入以下命令，部署网页，开启本地服务

hexo generate

hexo server

在浏览器里输出 http://localhost:4000，即可查看博客效果

第四步 Github仓库的建立

1.登录到自己的GitHub上面

2.点击右上角的加号

3.选择 New repository

4.在Repository name下的文本框中输出 username.github.io 然后完成创建

输入的username部分替换为你的Github用户名，如 kuiwaiwai.github.io

选择public(公开)

第五步 SSH秘钥配置以及相应配置

1.在hexo文件夹内右击打开GIt Bash Here输入以下命令

ssh-keygen -t rsa -C "你的github注册邮件地址"

注意！请将""内文字替换为你的github注册邮件地址，如“[email protected]”

2.连续按三次回车直到秘钥创建完成

3.打开C盘内的用户文件夹，找到.ssh\id_rsa.pub文件（若找不到请搜索文件），记事本打开并复制里面的全部内容

4.打开你的Github主页，点击右上角图像旁的倒三角，选择settings

5.在左侧栏点击SSH and GPG keys，选择 New SSH key ，在title处输入任意内容，在key处输出你刚才复制的秘钥信息，最后完成设置

6.在GIt Bash Here中输入以下命令以检验SSH配置是否成功

ssh -T [email protected]若出现提示请输入yes

7.配置用户名和文件

在GIt Bash Here中输入以下命令

git config --global user.name "username"

username处提替换为你的Github用户名

git config --global user.email "[email protected]"

[email protected]处替换为你注册Github账号时填入的邮箱

第六步 配置Hexo

打开hexo文件夹里面的_config.yml，修改你的配置

这是一张中文配置对照表，供大家参考

#博客名称``title: 我的博客``#副标题``subtitle:``#简介``description:``#博客作者``author: Rainy``#博客语言``language: zh-CN``#时区``timezone:

#博客地址,与申请的GitHub一致``url: http://kuiwaiwai.github.io``root: /``#博客链接格式``permalink: :year/:month/:day/:title/``permalink_defaults:

source_dir: source``public_dir: public``tag_dir: tags``archive_dir: archives``category_dir: categories``code_dir: downloads/code``i18n_dir: :lang``skip_render:

new_post_name: :title.md # File name of new posts``default_layout: post``titlecase: false # Transform title into titlecase``external_link: true # Open external links in new tab``filename_case: 0``render_drafts: false``post_asset_folder: false``relative_link: false``future: true``highlight:``enable: true``line_number: true``auto_detect: true``tab_replace:

default_category: uncategorized``category_map:``tag_map:

#日期格式``date_format: YYYY-MM-DD``time_format: HH:mm:ss

#分页，每页文章数量``per_page: 10``pagination_dir: page

#博客主题``theme: landscape

#发布设置``deploy:``type: git``#kuiwaiwai改为你的github用户名``repo:[email protected]:kuiwaiwai/kuiwaiwai.github.io.git``branch: master

第七步 博客基本完成，部署上传，浏览页面

1.在hexo文件夹内右击打开GIt Bash Here输入以下命令

hexo g

hexo d

或者输入

hexo g -d

如果出现下面的错误，是因为deployer安装没有成功导致的。

ERROR Deployer not found: git

使用下面的命令重新安装

*npm install hexo-deployer-git --save*

2.在浏览器输入网址访问你的博客页面

网址： https://username.github.io

username替换为你的Github用户名

——————————————————————

结束

本文参考

CSDN博客1

CSDN博客2

作者：奎歪歪

转载请署名

hexo加Github搭建个人博客（一）全文已完

————————————————————————————————

hexo加Github搭建个人博客（二）

本篇我将为大家介绍hexo的基本命令、Markdown的基本语法以及关于hexo主题的大致配置

hexo基本命令

在hexo的实际使用中我们用到许多的命令，下面我将为大家介绍一些常用的hexo命令

1.清理已生成的静态页面

hexo clean

这个命令可以清理已经生成的静态页面，一般在博客页面显示异常或者博客上传后页面并未更新时使用

2.生成静态页面

hexo generate

可简写为 hexo g

在第一篇时我已经向大家描述了hexo的静态生成，而这个命令就是用于此处

当你在终端输入这个命令时，hexo就会将你填写的信息转换为静态网页

3.上传到仓库

hexo deploy

可简写为 hexo d

这个命令的作用是将你生成的静态网页和其它所需文件上传到deploy服务器中，但实际上这个命令也有一部分生成静态页面的作用，如果你是利用Github搭建的blog，那么这个命令就会将将文件传输到你所指定的Github仓库中

4.开启本地服务

hexo server

可简写为 hexo s

这个命令的作用是开启你的本地服务器，让你能够从本地服务器预览blog网页 默认预览地址： http://localhost:4000/

对 Hexo 根目录_config.yml的进行的修改，需要重启本地服务器后才能预览效果

5.新建一篇博客文章

hexo new

可简写为 hexo n

这是一个带参命令，正确使用形式为 hexo n "文章标题名称"

使用这个命令可以新建一个标题为 “ ” 中内容的文章

hexo的主题配置

你可以在hexo主题网站选择你喜欢的主题

大部分主题都有自己的安装教程，你可以在选择主题时查看

hexo主题网站：https://hexo.io/themes/

hexo的主题繁多，这里我以我博客使用的主题 Butterfly 为例

Butterfly主题地址

Butterfly安装文档

首先，在hexo文件夹中打开GIt Bash Here 输入以下命令

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

这时Butterfly就已经安装到了你的hexo本地文件夹下

接下来您需要在hexo配置文件夹中将你的主题设置为Butterfly，如下

theme: Butterfly

之后你可以在 hexo\themes\Butterfly_config.yml 中对你的主题进行配置

这是我的配置文件，供大家参考

配置浏览

主题的配置都大同小异，我在我的Butterfly主题配置文件中添加了中文注释以方便大家阅读，如果有对于主题配置有其它的问题可以在主题的安装文档中查看(Butterfly安装文档)

Markdown的基本语法

Markdown 语言是在 2004 由约翰·格鲁伯创建的一种轻量级标记语言，目前被广泛应用于各大编辑器中，Hexo的博客文章编辑系统便支持这一种语言。

标题

使用#符便可表示标题，一级标题为#，二级标题为##，以此类推

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

字体

Markdown 可以使用以下几种字体：

倾斜：* *或者 _ _

加粗：** **或者__ __

倾斜加粗：*** *** 或者___ ___

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

列表

Markdown 支持有序列表和无序列表。

有序列表使用数字标记并加上.

1. 一
2. 二
3. 三

无序列表使用星号()、加号(+)或是减号(-*)作为列表标记

* 一
* 二
* 三

+ ACD
+ CDF
+ QWC

- 奎
- 歪
- 歪

代码

代码语句：‘ ’

你可以利用’ '将代码片段以文本的方式完整地显示出来

printf("kuiwaiwai");

代码区块：

代码区块代码区块使用 4 个空格或者一个制表符（Tab 键）。

利用代码区块可以触发大部分网站的代码复制功能，使读者能够更简便地复制代码。

while(1)
{
printf("kuiwaiwai");
}

链接

链接的使用方法有两种：

直接链接：< >

链接至必应

名称链接：[ ]( )

链接至[必应](https://cn.bing.com/)

图片

图片的使用：

！[属性](图片链接)

例如显示一张Github的logo

！[Github](https://maxcdn.icons8.com/Share/icon/p1em/Logos/github1600.png)

表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

由于篇幅有限，所以这里只列出了一些基本的Markdown语法，有时间我会写一篇关于Markdown语法的详细教程。

——————————————————————

结束

本文参考

Butterfly安装文档

Markdown官方

作者：奎歪歪

转载请署名

hexo加Github搭建个人博客（二）全文已完