前言:
之前就有写过一篇部署在GitHub上的Hexo个人博客,二者其实差异并不大。这篇文章算是一个补充,顺便验证一下上一篇博文能否顺利的走下来。所幸按流程走下来还算顺利,大可放心。
前期准备
安装的时候一直”next”即可,这里就不详细赘述。
Action
1. 使用hexo来正式搭建博客
1.1.安装hexo
win+r,打开cmd控制台。
添加国内镜像
这里我们使用阿里的国内镜像进行加速
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后通过cnpm来安装hexo
cnpm install -g hexo-cli
新建一个文件夹
存放位置按自己的想法来就好,万一没想法就跟我一样好了,可以手动新建,亦或在控制台输入
cd / #切换至根目录下
mkdir blog #创建目录,一会要装的东西都放在这个目录下,出错也别慌,把这个目录干掉重来,几分钟后还是一条好汉~
cd blog #进入blog目录
接下来就可以真正的使用hexo来生成博客
1.2.初始化一个博客
hexo init
初始化完成之后会显示
INFO Start blogging with Hexo!
1.3.启动博客
hexo s #等价于 hexo server ,hexo 会监视文件变动并自动更新,除修改站点配置文件外,无须重启服务器,直接刷新网页即可生效。
至此,博客即在http://localhost:4000
启动,可以通过浏览器查看
可以看到,默认有一篇文章Hello World
。
以后只需要cd进到所创建文件夹的位置再开启服务就好了,例如我是cd /blog
然后hexo s
Ctrl+C断开服务
2.部署到gitee上公开使用
没账号的先去注册一个账号(恕我废话) ,新建仓库
往后我们直接在浏览器里输入这个地址就可以访问自己的博客了。
创建好以后,可以看到目前是一个空仓库。
2.1.安装hexo-deployer-git
这一步很重要,从github克隆主题以及部署到github需要这个工具
cnpm install --save hexo-deployer-git
若是没有这一步,部署时会报错
ERROR Deployer not found: git
2.2.设置_config.yml
在博客(即刚才创建的blog目录)的根目录找到配置文件_config.yml
,懒得再装软件就直接用Windows自带的notepad(右键以记事本方式打开即可),在其末尾找到deploy
,将其内容修改为
deploy:
type: git
repo: 仓库地址.git #例如我是https://gitee.com/coolskill/CoolSkill.git
branch: master #默认也是这个,可以不写
保存退出
2.4.将本地数据部署到远端服务器(这里指gitee)
hexo d #等价于 hexo deploy
第一次deploy时,会弹出gitee账户登录页面
按提示输入你gitee的账号、密码
注:仅是第一次登陆需要,然后浏览器输入刚才的仓库名访问;若以后还需要再次输入,解决方案请参考我的另一篇博客 hexo d 后提示HttpRequestException encountered.解决办法
回到gitee刷新,可以看到这时候仓库已经改变了。
这样,以后就不再局限于本地预览了,还可以直接通过”https://coolskill.gitee.io/“访问博客了。
可以看到仓库不再是空的了
这样,博客的部署工作就完成了~
3.更换博客主题
hexo安装的时候会默认安装一个landscape主题。很明显,我不喜欢。得换!
3.1.主题安装
我们可以去github上下载zip,然后解压到目录blog\themes,注意文件夹命名。
也可以使用【git clone 主题地址 themes\主题名】来直接克隆到主题目录
git clone https://github.com/litten/hexo-theme-yilia.git themes\yilia
3.2.修改配置文件
克隆好主题以后,需要找到并修改一下blog目录下的_config.yml文件。
我们需要找到themes这个配置,将其修改为我们选好的主题(要和themes下的文件名相同),默认为landscape。
theme: yilia
保存并退出。
这个时候主题就已经更换好了!
3.3.重新部署
hexo clean #清除缓存 ,网页正常情况下可以忽略此条命令,执行该指令后,会删掉站点根目录下的public文件夹
hexo g #等价于 hexo generate ,生成静态网页 (执行 $ hexo g 后会在站点根目录下生成public>文件夹,hexo会将"<font /blog/source/" 下面的.md后缀的文件编译为.html后缀的文件,存放在"/blog/public/ " 路径下)
hexo s
hexo d
回到浏览器刷新一下可以看到我们要的主题已经部署上了。
预览
大功告成,以后就可以分享给朋友了~
总结:
我们以后常用到的Hexo命令:
hexo clean
hexo g
hexo s
hexo d