...足足部署了4天, bug层出不穷啊, 各种改, 现附上自己博客地址和效果图.
我的网站----liuzhixuan360.com
效果图:
网站优化还没做, 可能加载时间稍微长一点.
正文
下面我简单概述一下, 这个博客搭建的过程以及原理.
在大体上博客的整体搭建总共可以分3个部分.
一. HEXO框架的本地设置以及搭建
二. 将网站部署到Github Pages, 以实现数据的承载.
三. 购买域名并与绑定
接下来我把博客搭建的查阅网站以及博客附给大家, 可以按照我一下链接的顺序, 顺次查阅并实践.
-
知行合一 | 用 Hexo 搭建博客 | Grok(提醒大家, 在部署的时候最好一直使用当前博客创建路径进行部署, 例如我的博客本地路径为: D:\blog\TheKiteRunners.github.io. 那么在输入任何命令时我都会先将位置定在这里. 或者在安装完git后, 手动点击图标切换到该文件夹, 然后点击右键git bash here)
我想大家在这篇博客中肯定会出错很多地方, 下面我把一些可能出错问题以及解决方案附上
问题1:
第一步npm install -g hexo-cli下载时卡住了怎么办?
答: 有两种解决办法:
(1.) 在每次下载时切换镜像: 输入下面命令npm config set registry "https://registry.npm.taobao.org"
(2.)(推荐)直接将淘宝镜像安装下来`
npm install -g cnpm --registry=https://registry.npm.taobao.org
问题2:使用localhost:4000访问本地blog一直无响应
答: 可能是当前本地端口被占用了, 可以更换当前端口地址, git中输入$ hexo server -p 5000 , 然后输入localhost:5000, 再试一试. (我当时犯了一个特别愚蠢的问题..... 当我hexo server之后, 它提示我要按crtl+c.....我就按了没看到后面的to stop......小伙伴们在host server之后就直接测试localhost:4000....测试完之后再crtl+c)
2 . 相信大家要是看到这里估计hexo框架已经搭建完成了, 想要去拿一篇博客测试测试, 可是小白们注意, hexo框架内置的是markdown编辑器, 不会的小伙伴们可以到这个博客里学习: Hexo在Github中搭建博客系统(5)Markdown语法 - 大大的微笑的专栏 - 博客频道 - CSDN.NET
3 . 到了这一步是不是什么都弄好了就差一个好看主题了呢, 我用的是Next主题, 下面的Next开发文档说的很详细我就不仔细叙述了.
主题配置 - NexT 使用文档
以上我只是将主要的搭建问题以及问题附上, 若还有其他问题可以在下方评论
网站优化, 以及配置持续更新, 有任何新的内容都会通过这里给大家分享出来
