建立个人博客方法 Hexo + Github pages技术

Github pages + Hexo 技术

使用Hexo建立博客站点前提：要有 Git 和 Node.js 环境

一、基础 hexo安装：

1、安装hexo 下载hexo hexo实在node.js环境下的，

所以首先就需要安装node.js https://nodejs.org/en/
（安装方法可以自己下载node.js点击默认安装就好了）

node好了之后，进入命令控制器（cmd 或者git base 等均可）开始使用命令建立hexo：

npm install hexo -g （安装hexo的命令方法）

2、新建bolg文件 hexo好了之后，开始建立自己blog站点（即生成bolg目录）放在自己电脑的那个地方，

已我的为例 ：我放在F盘根目录 gitblog F:\gitblog

hexo init f:\gitblog (初始化创建目录blog文件夹)

3、生成网站 将gitblog文件生成静态网站

hexo g （或 hexo generate） (初始化blog静态网站页面)

4、启动服务 生成静态网站后，启动本地服务，访问本地blog

hexo server 或 hexo s

输入localhost:4000（或127.0.0.1:4000）访问 关掉服务 ctrl+c

Tip：启动服务，必须在bolg目录下才可以用，所以通常需要我们先通过命令找到blog的目录，然后再启动服务。 如我的操作：

①先找到目录，打开命令输入 cd f:\gitblog

②然后启动服务 输入 hexo s

二、hexo 新建和配置文章：

1、配置hexo 上面都是hexo生成默认站点，接下来我们就要改成我们自己的文件，配置站点信息，新建博客等。

配置站点信息 ： 打开_config.yml文件 修改里面的信息（如网站标题，网站描述等）

参照官方文档:https://hexo.io/zh-cn/docs/configuration.html

可以打开hexo网站：https://hexo.io 查看hexo使用文档 语言可以切换成中文查看

2、新建bolg

hexo new "我的第一篇博客"

之后会在bolg目录的source\_posts文件中生成一个.md文件



3、编写新建的博客，用marckdown工具打开新建的md文件（marckdown文件）

-->修改文章标题title ：可以修改新建的遍体，这将显示在网页上

-->设置文章标签：



-->设置文章分类：

categories

后面加自己的分类就行，注意后面跟的不是同级关系，是父子关系，如图





Tip:因为categories是同级关系，要创建其他大类，只需要在下面一篇文章的categories下写出新的分类就好。





4、设置博客的一些默认模版参数

scaffolds ->

page:网站界面的模版

post:新建文章的模版

新建文章模版 -->新建文章 hexo new 新的文章



新建page 如 关于我 的页面（站点默认是没有这个页面的，需要我们自己去创建）

hexo new page 新建页面 如 hexo new page 关于我 -新建关于我的界面





5、生成静态文件

其实到这一步，差不多你就掌握了怎么去创建和修改我们的博客了，接下我们要把我们写的文章，生成静态文件，达到可用启用服务，用浏览器来访问。

生成静态文件语法： hexo generate 或 hexo g





6、发布开启服务：静态网站发布出去后，开启服务，我们就可以在浏览器里面访问了:localhost:4000

开启服务语法： hexo s



-->到此为止，我们博客在本地就完全做好了，阶下来，我们只要去github发布就好了。

上面流程开下来，有点乱，重新把写文章的操作代码整理如下

新建文章 ： hexo new "新文章名"

生成静态文件 ： hexo g

发布到github ： hexo d (下面将详细介绍这条命令)

7、文件上传到github上，供访问，使用的是github pagers。

1)首先我们要先创建一个github帐号，（https://github.com/）注册跟其他网站注册一样的，这里没看懂的，可以私信或者底下评论，我会详细回复你。

2)github帐号有了后，登录然后创建我们的新的git项目，

项目名为 ：你的git帐号名+github.io（必须用自己的git帐号开头，不能修改的）







3)配置github 。项目创建好了后，我们后得到一个SSH值，复制下来，要回到我们创建的本地文件中配置进去，以便我们以后的提交。

在创建本地hexo文件中找到config，如图。



然后加入这么一段代码，来配置我们的hexo 和 git 。

# Deployment

## Docs: https://hexo.io/docs/deployment.html
deploy:

type: git #部署类型，这里使用git

repo: git@github.com:d**********v/dengdailuv.github.io.git #你从github复制下来的的SSH

branch: master #部署分支，一般用master主分支



做完上面步骤，我们就可以尝试使用 hexo d 提交我们的代码的了

提交语法 hexo d



没有报错，就意味着你的代码提交成功了。

这个时候，我们就可以用 你的git帐号名+github.io 在有网络的地方用浏览器打开了。如

https://dengdailuv.github.io/



二 配置主题

发现我的博客跟你的博客不一样不，那是因为我使用了主题，hexo默认的是landscape这个主题，我们要更换，则需要我们自己去hexo的主题下载 https://hexo.io/themes/
选择你喜欢的，然后去下载下来，下载地址一般是主题下面的by **** 点进去，一般会有文档或者引导操作的介绍，然后在根据它的文档介绍修改就好了。



1、下载hexo 主题；

2、配置主题，下载好的文件，解压放进我们的本地项目的theme中（里面有个默认的主题landscape），下载的解压只保留主题的名字



3、在项目的config文件配置中配置：



一开始这里的是landscape，修改成你下载的主题，其实这个时候你就可以 生成静态文件，在发布出去出去看看样子了，一般还需要自己在按照文档修改成自己想要的样子，主题文档会有很清楚的书明，按照他的来就可以了。

因为每一个主题的修改操作可能并不相同，我这里就不在过多的介绍，而且主题一般会有比较详细的使用说明，按照文档修改就行了。

ps 我用的是next主题，自己感觉还可以，分享给你们

https://github.com/iissnan/hexo-theme-next 主题下载

http://theme-next.iissnan.com/getting-started.html 使用文档

对于这个主题的使用或者其他主题使用不同的，期待你们在评论区评论，我会告诉你我所知道了，我们一起成长，包括之前的步骤不太明白了，欢迎指出，我会尽力帮大家搭建出自己的博客，加油一起成长。

-----列出我们常用的命令流程

cd d:\gitblog

找到我们本地文件（如我的D盘的gitblog文件）所在的位置（这个也是我们hexo安装的位置）

这个操作是必须的，每个命令都在这里开始的

hexo new 文章 新建文章

hexo clead 清楚操作

hexo g 生成本地静态文件

hexo s 启动本地服务（这个可以省略，如不想本地调试的话）

hexo d 上传git 访问

-----完成这个系列过程，你就新建好了文章，并可以访问

-----期待交流，我们一起搭建更漂亮的博客