前言
搭建博客的过程是非常有趣的,又充满了挑战,其中遇到了很多的问题,但是尤其要感谢“枫叶”博主的超详细教程:从零开始搭建个人博客(超详细) - 知乎 (zhihu.com) ,还有众多大佬的鼎力相助!通过这样的一个过程,对于博客网站内部的结构理解和运行有很大帮助。因此第一篇博客仅以此来记录自己的搭建历程和心得。
主要工具
GITHUB
官网:GitHub
简介:
功能:
1. 使用GitHub可以查看别人的项目
2. 可以建立静态网页
3. 可以管理插件
4. 可以在线编译
5. 可以托管代码
本人搭建博客的网站基于Github上所提供的个人网站空间,从注册Github开始到安装Git,可以按照枫叶博主的教程一步一步来,这里面要重点说明的一点就是Github在新版本中将master改为了main,涉及到master的操作时要仔细留意。
Node.js
官网:Node.js (nodejs.org)
简介:
1. node 是一个基于 V8 引擎的 Javascript 运行环境,它使得 Javascript 可以运行在服务端,直接与操作系统进行交互,与文件控制、
网络交互、进程控制等。简单的说node.js就是运行在服务端的 JavaScript。
2. node.js是一个基于Chrome JavaScript运行时建立的一个平台。
3. node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
nodejs主要是一个运行js语言的平台,js语言为网页添加了丰富的动作,使网页看起来能够栩栩如生,赋予了网页很大的美观性。
Hexo
官网:Hexo
简介:
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
特点:
1. 不可思议的快速 ─ 只要一眨眼静态文件即生成完成
2. 支持 Markdown
3. 仅需一道指令即可部署到 GitHub Pages 和 Heroku
4. 已移植 Octopress 插件
5. 高扩展性、自订性
6. 兼容于 Windows, Mac & Linux
Hexo主要的功能是将文本诸如Markdown语言(什么是Markdown语言markdown_百度百科 (baidu.com) )编写的md后缀文件变为网页端所需要的html格式,其强大的内核使其在几秒内就可以完成转化。后续,我们需要将本地的html文件利用hexo三部曲也就是(hexo clean、hexo g、hexo d)部署到你的github仓库网站上,完成网页端的部署,以实现读者的共享。
Hexo也是一个博客主题所能够展示的平台。
Next主题
官网:NexT 使用文档 (iissnan.com)
有了博客的框架,自然需要一个更加美观的界面来使你的博客完成最终也是最重要的一环。而这也正是Next主题最受大家青睐的原因,其简介的外观和丰富的功能和其开源的特性让Next主题是Github上收藏最多的主题,其一直在更新维护,支持非常多的外部插件和功能选项。
遇到的问题
关于Github延迟:
外网的延迟真的是一件头疼的事,有时候你push了半天也没有反应,这里推荐一个steam++加速器(Steam++ - 主页 (steampp.net) ),可以免费给Github加速,效果也非常理想。可以很好的解决延迟问题。
关于next主题的修改:
修改next主题的时候,一定要牢记站点配置文件和主题配置文件的区别
下图是站点配置文件,在Blog根目录下
下图是主题配置文件,在next目录下
结语:
无论做任何事,过程总是充满曲折的,但重要的是,我们一定要有解决问题的信心,有了这份信心,我们每个人也都会有解决问题的能力,最后成功完成了自己的个人博客,也是充满了成就感。以后也要坚持继续做下去,争取分享更优质的文章。