win10利用hexo+gitee搭建博客

第一次用hexo搭建博客,总结了下经验,但愿能帮到后来人,也是给本身一个记忆。node

本篇主要讲述hexo搭建博客的步骤,将博客部署到gitee上,以及解决github登陆不了的问题。
这是我搭建的hexo博客https://tourey-fatty.gitee.io/git

准备工做

下载工具

想要用hexo搭建我的博客,须要用到node还有git,以及hexo-cligithub

安装nodenpm

http://nodejs.cn/缓存

node安装完成后,配套的npm包管理工具也就自动安装了。bash

可使用以下命令检查是否安装成功hexo

node -v
npm -v

若是有返回版本号就是安装成功了。编辑器

npm能够安装不少东西,可是速度很慢,可使用淘宝的镜像源加快下载速度工具

npm config set registry https://registry.npm.taobao.org

经过上述命令,之后使用npm安装模块时,使用的就都是淘宝镜像的源了。网站

安装git

https://git-scm.com/downloads

git在官网下载其实很慢,老是失败,最好在网上找找有没有网盘提供git资源

安装hexo-cli

npm install -g hexo-cli

一样验证是否安装成功

hexo -v

新建文件

第一步:新建一个文件夹来存放静态博客这个项目,我本身创建的文件夹是blog

第二步:打开命令行工具cmd,经过cd命令,进入到项目文件夹blog。

cmd默认打开的路径是C盘的,若是须要跳转到其余盘符,只需输入盘符:而后回车便可,个人项目文件是在D盘就是d:而后回车。

以后就是cd 路径,到达项目文件夹里

以后的全部操做都是在项目文件夹里操做的,大胆的尝试,最坏的结果也只不过是把这个项目文件删掉而已。

至此准备阶段完毕

hexo初始化

hexo init

hexo init

这时会从github拉取项目,这里有一个重要的问题,若是电脑登陆不了github这个网站的话,那么该命令也拉取不了项目,操做失败。

github这个网站有时登陆不了,有时登陆得了。

成功登陆github

首先尝试下可否登陆github,能够的话就不须要进行如下步骤了。

登陆该网站https://github.com.ipaddress.com/www.github.com,找到ip地址。

github的ip地址

而后修改本地电脑的hosts文件,地址为C:\Windows\System32\drivers\etc,在该目录下有个hosts文件,用记事本或其余编辑器修改它。

添加以下代码

# GitHub Start 
github的ip github.com
# GitHub End

例如

# GitHub Start 
140.82.113.4 github.com
# GitHub End

保存hosts文件,接下来应该能够登陆github网站了,我本身这么弄确实是没问题的,亲测有效。

解决完github访问不了的问题后,再从新执行命令hexo init,这样应该就能够正常初始化了。

初始化完成后blog文件夹就有不少东西了。

本地运行hexo博客

hexo的相关命令行

一切命令行都在项目文件夹里执行

清空项目的缓存,每次对文件进行修改后,最好清除下缓存。

hexo clean

从新生成文件

hexo g

运行本地项目

hexo s

上传至远程仓库

hexo d

在执行hexo d以前须要一些操做,后面再说。

先执行hexo s试试看能不能在本地运行。

能够的话就进行下一步,将它上传至gitee。

千万不要本身手动将整个项目文件夹上传到gitee那里。

让全部人都能访问本身的hexo我的博客

这里咱们须要借用远程仓库,原本我是打算用github的,可是后来发现生成的github page访问不了,因此就用gitee了,若是以前没有用gitee的童鞋能够先注册一下,不要急着创建远程仓库,我的博客的仓库命名有些规则。

注册gitee帐号

若是没有注册的童鞋参考这篇进行注册

https://blog.csdn.net/qq_43567345/article/details/105416642

注册时我的空间地址能够尽可能弄得简单易记。

建立gitee仓库

建立仓库时,仓库名跟注册时的我的空间同样,这样我的博客的地址将会是我的空间地址.gitee.io,而没有/和后面的一大堆东西。

是否开源选择公开

最后建立仓库

修改_config.yml文件

该文件位于项目文件夹里,也就是跟目录

打开该文件,在文件的最下方,有以下代码

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

对齐进行补充,以下

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: 你本身远程仓库的地址
  branch: master

例子

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://gitee.com/tourey-fatty/tourey-fatty.git
  branch: master

远程仓库地址,在这里查看

进入到远程仓库页面,便可看到下图

继续修改代码

# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
url: 我的空间地址.gitee.io
root: /

我的空间地址要换成本身的。

改这里是为了解决上传到gitee后样式缺失

安装hexo的git插件

npm install --save hexo-deployer-git

这时候就可使用命令hexo d将其部署到gitee了。

成功后部署后就能看到仓库里多出了不少文件

接下来就差最后一步了。

启动gitee pages服务

启动服务

启动服务的速度比较慢,耐心等待下。

启动成功后将会看到以下的网站地址,固然不一样的人,看到本身的地址实际上是不一样的。

经过这个网站地址,全部人均可以访问本身的我的博客了。

博客的主题是默认的,修改主题下一篇再说吧。

结尾

若是以为对本身有帮助的话,能够犒劳一下我。

相关文章
相关标签/搜索