------大家好,我是诸暨小学生,是的,我又来了,这次我是学搭建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