美文网首页
本地搭建Hexo博客(1)

本地搭建Hexo博客(1)

作者: Carhartt09C | 来源:发表于2019-05-31 18:07 被阅读0次

------大家好,我是诸暨小学生,是的,我又来了,这次我是学搭建hexo blog去了。(自言自语.........)
上次ghost博客用了几天,这次花了更久;原因更简单,因为我是小学生嘛。

Hexo搭建的逻辑

其实光是本地搭建hexo真不算难,只是我走了很多弯路;我一直尝试只在VPS上搭建hexo,屡屡失败;并且我也不希望在git上使用仓库(原因2点,其一:访问速度慢;其二:我花了VPS的钱,并不想用免费的);但是对不起观众老爷们,我还是用了,嘻嘻?
正片开始

1、Windows系统(Mac没资本接触)
2、本地安装——Git
3、本地安装——Nodejs
4、本地安装——Nodepad++

新手安装这三个软件安装也很简单,也不需要激活码什么,除了安装位置最好选在除C盘外,随便你们创个文件夹安装,然后狂点next就完事了

打开Git.bash(最好直接在安装好的文件夹里打开,这样就不用cd进入目录了)

$ node -v
$ npm -v    

检查是否安装,以及后续能正常使用

安装hexo

$ npm install -g hexo-cli
$ hexo init blog
$ cd blog
$ npm install                          #blog为文件名字,可自行修改

安装完成后进行查看hexo效果如何

$ hexo g                               # 渲染 Source 目录下文件问静态页面
$ hexo s                               # 本地跑一个 server 来看博客效果。
浏览器打开    http://localhost:4000/    查看运行效果。

然后就发现居然可以用了,这有什么难的是不是,是的,就这么简单。

申请注册github账号建立仓库(可提前操作)

在仓库建立的时候最好和你的账户名一致;
如:登录 GitHub 后在主页点击 New repository,在 Repository name 中输入前缀与自己 GitHub 用户名一致的仓库名称 ABC.github.io。例如,你的用户名为ABC,则创建仓库名称为 ABC.github.io

将hexo部署到GitHub

找到你安装hexo的目录——邮件点击使用nodepad++打开 _config.yml,找到:

deploy: 
type: git
repo:                #这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
branch: master

安装deploy-git ——部署命令,这样你才能用部署到Github

npm install hexo-deployer-git --save
hexo clean
hexo generate       #可缩写为 hexo g
hexo deploy         #可缩写为 hexo d

这样子一气呵成后hexo 博客本地部署就建立完成了;这个时候github的弊端就开始暴露了,更新速度慢,部署之后可能仍然无法正常显示,需要等10分钟左右网页才能更新到自己想要的样子,但是毕竟是免费的的,还没购买vps的朋友可以直接这样使用。毕竟可能很多人会觉得github很Geek,然而我一点都不觉得。(会不会得罪人,555?)

额外的

修改一些hexo博客配置
使用nodepad++打开你建立的blog文件夹中的 _config.yml,修改一些你想要的参数。
此处不多复述,转 HEXO文档
此处贡献一个主题吧。可能很普遍,但是我觉得比较好看。

$ cd hexo
$ git clone https://github.com/theme-next/hexo-theme-next themes / next

然后回到nodepad++打开_config.yml拉到底倒数后面找到 theme ,后面修改为 next
然后再用git.bash 三连 hexo clean / hexo g / hexo d

个人博客:上hexo 下ghost
zhujixxs.github.io
www.carhartt09c.top

相关文章

网友评论

      本文标题:本地搭建Hexo博客(1)

      本文链接:https://www.haomeiwen.com/subject/zmlitctx.html