第一次用hexo搭建博客,总结了下经验,但愿能帮到后来人,也是给本身一个记忆。node
本篇主要讲述hexo搭建博客的步骤,将博客部署到gitee上,以及解决github登陆不了的问题。
这是我搭建的hexo博客https://tourey-fatty.gitee.io/git
想要用hexo搭建我的博客,须要用到node还有git,以及hexo-cligithub
安装nodenpm
node安装完成后,配套的npm包管理工具也就自动安装了。bash
可使用以下命令检查是否安装成功hexo
node -v
npm -v
若是有返回版本号就是安装成功了。编辑器
npm能够安装不少东西,可是速度很慢,可使用淘宝的镜像源加快下载速度工具
npm config set registry https://registry.npm.taobao.org
经过上述命令,之后使用npm安装模块时,使用的就都是淘宝镜像的源了。网站
安装git
git在官网下载其实很慢,老是失败,最好在网上找找有没有网盘提供git资源
安装hexo-cli
npm install -g hexo-cli
一样验证是否安装成功
hexo -v
第一步:新建一个文件夹来存放静态博客这个项目,我本身创建的文件夹是blog
第二步:打开命令行工具cmd
,经过cd命令,进入到项目文件夹blog。
cmd默认打开的路径是C盘的,若是须要跳转到其余盘符,只需输入
盘符:
而后回车便可,个人项目文件是在D盘就是d:
而后回车。以后就是
cd 路径
,到达项目文件夹里
以后的全部操做都是在项目文件夹里操做的,大胆的尝试,最坏的结果也只不过是把这个项目文件删掉而已。
至此准备阶段完毕
hexo init
这时会从github拉取项目,这里有一个重要的问题,若是电脑登陆不了github这个网站的话,那么该命令也拉取不了项目,操做失败。
github这个网站有时登陆不了,有时登陆得了。
首先尝试下可否登陆github,能够的话就不须要进行如下步骤了。
登陆该网站https://github.com.ipaddress.com/www.github.com,找到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 clean
从新生成文件
hexo g
运行本地项目
hexo s
上传至远程仓库
hexo d
在执行hexo d
以前须要一些操做,后面再说。
先执行hexo s
试试看能不能在本地运行。
能够的话就进行下一步,将它上传至gitee。
千万不要本身手动将整个项目文件夹上传到gitee那里。
这里咱们须要借用远程仓库,原本我是打算用github的,可是后来发现生成的github page访问不了,因此就用gitee了,若是以前没有用gitee的童鞋能够先注册一下,不要急着创建远程仓库,我的博客的仓库命名有些规则。
若是没有注册的童鞋参考这篇进行注册
https://blog.csdn.net/qq_43567345/article/details/105416642
注册时我的空间地址能够尽可能弄得简单易记。
建立仓库时,仓库名跟注册时的我的空间同样,这样我的博客的地址将会是我的空间地址.gitee.io
,而没有/
和后面的一大堆东西。
是否开源选择公开
最后建立仓库
该文件位于项目文件夹里,也就是跟目录
打开该文件,在文件的最下方,有以下代码
# 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后样式缺失
npm install --save hexo-deployer-git
这时候就可使用命令hexo d
将其部署到gitee了。
成功后部署后就能看到仓库里多出了不少文件
接下来就差最后一步了。
启动服务
启动服务的速度比较慢,耐心等待下。
启动成功后将会看到以下的网站地址,固然不一样的人,看到本身的地址实际上是不一样的。
经过这个网站地址,全部人均可以访问本身的我的博客了。
博客的主题是默认的,修改主题下一篇再说吧。
若是以为对本身有帮助的话,能够犒劳一下我。