搭建博客

使用Git_pages服务+Hexo搭建个人博客

环境要求

• Git
• Node.js

安装过程不再描述

开始搭建

准备工作

购买域名

可在腾讯云搜索并购买需要的域名。

购买完毕后，可以在管理后台查看域名情况，且一般会赠送解析服务，用于后期Git_pages做连接。

创建目录

在本地硬盘中新建空文件夹（如：E:\blog），用以存放和配置blog文件目录。最好以英文为主，不要使用空格。

git配置

不再描述，之前本地配置过的，无需更改。建议使用腾讯云开发者平台（功能全面免费），新建项目即可。

安装hexo

1.进入blog文件夹，右键选择’git bash here’。

会出现如下图所示的命令窗口bash。

2.在bash终端中输入命令 npm install -g hexo或cnpm install -g hexo，如果失败，可以尝试以管理员身份运行。

3.安装完毕后，可键入hexo -v查看安装情况,如下图所示。

4.显示正常后，需查看当前bash所在目录,必须为之前设定的指定目录’E:\blog’，如果不是，可关闭此bash窗口，重复第1步即可。或在原窗口使用liunx命名修改。

5.目录正确后，插入hexo init进行初始化，时间漫长等待即可，看到后面的“Start blogging with Hexo！”即代表完成。如下图

6.完成后，输入npm install命令，安装必要组件。安装好后，分别执行如下两条命令：

hexo g #generate 生成静态文件
hexo s #server 启动服务器。默认情况下，访问[http://localhost:4000/]

打开localhost,如下图即成功。组合键’ctarl+c’即可关闭本地服务器。

部署至git

域名添加解析

在腾讯云后台的“域名管理”中，打开之前购买的域名，选择“解析”，然后选择“添加纪录”，按要求添加即可。

部署至git上

以下步骤假设你已经配置好git相关。

在bash窗口中安装hexo-deployer-git插件,在blog目录下运行以下命令（或者管理员身份）进行安装：

npm install hexo-deployer-git --save

安装完毕后，进入本地blog文件夹，使用vscode打开_config.yml文件，修改相关内容。

url修改成你购买并解析的域名。

然后按图修改deploy的内容。repository值是github项目里的ssh。

修改完毕后，在bash窗口中使用命令hexo deploy进行部署，否则不会成功。然后保存退出。

git_pages配置

进入腾讯云开发者平台，进入hexo_blog所在项目，如图所示，选择“pages服务”。如图所示。如是第一次使用，许按提示开通即可。

然后在“绑定新域名”处，填写域名全名（如’www.91wafu.com’)，点击绑定即可。同时SSL证书正常才能，正常访问到网站。

新建文章并启动

我们来试着创建一篇文章，使用：

hexo new [layout] <title> #新建文章
<!--例如-->
hexo new post hello,hexo

之后会在blog/source文件夹的_post文件夹中看到你新建的文件。编辑器修改文章并保存。

然后在git bash窗口中输入：hexo clean和hexo g -d即可在你的新域名中查看到该文章。

hexo常用命令

hexo g #generate 生成静态文件
hexo s #server 启动服务器。在本地预览效果，默认情况下，访问网址为： http://localhost:4000/
hexo d #deploy 部署网站同步到gitxxx。部署网站前，需要预先生成静态文件
hexo clean #clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

markdown语法

访问语法网站。

推荐使用hexo_editor编辑器。