[笔记]基于hexo框架博客搭建

时间 2019-11-30

标签笔记基于 hexo 框架博客搭建繁體版

原文原文链接

前言：做为一个技术宅，怎么可以没有本身的我的Blog呢，本身搭建博客，一来能够用来做为学习的记录，二来未来面试的时候抛出本身满满的博客，那但是加分项呀，三来最次也能够用来装装X嘛node

实验环境:win10
前期准备：安装好git和node.js（自行百度下载git和nedo.js）

好，话很少说，开始动手linux

终端中输入 node -v 和git 分别出现如下界面，则安装正确（我使用的终端是cmder完整版，能够在win下使用linux的命令）git

上面这张图显示的是我安装node的版本github

上面的步骤完成以后，接下来就能够开始安装hexo了面试

首先介绍下npm，这是一个包管理器，接下来的安装都和这个命令有关，但因为众所周知的缘由，国内速度很慢，因此咱们进行一个镜像源更改，改到淘宝的源，利用npm安装一个cnpm包管理器npm

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

替换成功以后cnpm就安装完成了，接下来开始正式安装hexo，用如下命令安装浏览器

cnpm install -g hexo-cli

hexo安装完成以后可使用 hexo - v 命令验证下是否安装成功，成功的话就可以获得如下这个界面hexo

接下来，选择一个盘新建一个文件夹，取名为blog(若是你和我同样是使用cmder的话，直接能够用mkdir命令)学习

而后终端进入这个blog文件夹，运行如下命令初始化spa

hexo init

完成以后会在blog文件夹下生成一些文件，到这一步，hexo的初始化就已经完成了

安装依赖

cnpm install

这时候咱们启动hexo博客，运行如下命令，而后在你的浏览器中输入 localhost:4000

这个命令默认的是使用4000端口，若是没有错误的话，你可使用 localhost:4000 在你的浏览器中预览你的博客

hexo s


可是有些人的电脑4000端口可能被占用什么的，这个时候　你可使用如下命令

hexo  s -p 5555　　//指定5555端口

此时hexo的基本布置完成了

接下来要作的就是把博客部署到github上去

首先你要有个github帐号，注册帐号省略

而后你要建立一个仓库，仓库名字严格要求为：你的用户名.github.io

接下来打开的你的blog文件夹，推荐使用sublime，编辑 _config.yml 文件

配置如上图所示，repo 配置为你的github仓库的地址，下图中的地址

保存更改，打开终端，进入blog文件夹路径，把博客部署到远端

hexo d

这个时候可能报错，如：（xxxxx为你的github ID）

fatal: unable to access 'https://github.com/xxxxxx/xxxxxx.github.io.git

这是由于git没有配置好缘由，你能够把上面的 repo 的库地址配置为

完成以后刷新你的github仓库，就会发现仓库不是空的了。

而后在浏览器中输入你的用户名.github.io 就可以访问你的博客了

总结：到此，我的博客就搭建完成了，不过此时的主题是hexo默认的主题，后续能够本身查找资料换主题