既然是自建博客之路,那就以我在本机(64位Win7系统)上搭建记录为主,拟使用GitHub+Hexo+NEXT主题搭建博客系统。
一、选择在 GitHub 上写博客
1.GitHub是什么?
- 一家公司
位于旧金山,由Chris Wanstrath, PJ Hyett 与Tom Preston-Werner三位开发者在2008年4月创办。迄今拥有59名全职员工,主要提供基于git的版本托管服务。
关于GitHub Page
使用github创建的博客是属于静态网站博客,也就是把写好的文章生成HTML网页,然后上传到github网站,显示的也就是HTML网页,所以加载速度会很快。
- 一个网站
GitHub是一个基于git的版本托管服务网站,上面聚集着几乎全世界的程序大牛,还有着大量的牛逼开源项目。而项目一旦成长壮大,一个简单的名称和一段描述很可能就无法满足作者与读者的需要。此时,GitHub Pages 就应运而生,它允许用户用更具描述性的自定义页面代替源码列表。同时,用户也可以利用其作为个人或组织主页,将 静态 网页托管其上。
2.我为何选择GitHub
- 无需购置服务器,GitHub建立好链接之后,就可以方便的使用它提供的Pages服务,把blog托管在Github Pages不仅空间免费,而且稳定又安全,遭遇过空间商跑路的朋友是不是想起伤心往事
- 还能绑定顶级域名,亲,人家免费空间竟然还允许我们绑域名有木有~~
- 学着用 github,享受 github 的便利,比如允许本地服务器调试,脱离网络写文章毫无压力,因为可以使用git命令同步来管理文章,便于版本控制
- 用markedown编写文章,逐渐减少在排版上花费的时间,集中精力便于更好的输出
- 独立的才是自己的
2015年底看到搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门这篇文章,就感觉内心被触动了!
3.为什么写博客
这里不重复理由,只是列出几篇有共鸣的文章作为大家的参考:
我为什么写博客?
为什么你要写博客?
为什么要写Blog?
为什么你应该写博客
为什么我要写博客?-02
二、搭建Hexo博客
1.关于HEXO
- HEXO 是一款基于 Node.js 的静态博客框架。Hexo 使用 Markdown 解析文章,用户在本地安装Hexo并进行写作,通过一条命令,Hexo即可利用靓丽的主题自动生成静态网页。
参考:Hexo Github地址 Hexo帮助文档 - 选择HEXO完全是一个感觉,我从2016年初在博客环境搭建上折腾了很久,尝试了众多简易版本,最后要么觉得效果太简单,要么就是FORK后修改不成功,总之最后把时间精力都耗在了博客环境的形式之上,春节前发现HEXO的NEXT主题界面简洁,并集成了我期望的大部分功能,所以准备认真践行!
2.安装Git
- 到[官网]https://git-scm.com/download/win)下载 Git,一路默认选项安装。本文使用的是Git-2.11.0.3-64-bit
,需要的用户可以点此下载 。 - 安装完成后可以检查一下Git是不是安装正确了:同时按下Win和R,打开运行窗口:输入cmd,敲击回车,打开命令行界面。
输入:
git --version
如果结果如下图所示,则说明安装正确,可以进行下一步了,如果不正确,则需要回头检查自己的安装过程。
Mac:使用 Homebrew, MacPorts :brew install git ysyx
;或下载 安装程序 安装。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
3.安装Node.js
- 到官网下载 Node.js,保持默认设置即可,一路Next。本文使用的是node-v6.2.0-x64,需要的用户可以点此下载 。
- 同样检查一下是不是要求的组件都安装好了,用组合键“win+R”打开“运行”,输入“cmd”后回车,在打开的命令行界面中,输入
node -v npm -v
如果结果如下图所示,则说明安装正确,可以进行下一步了,如果不正确,则需要回头检查自己的安装过程。
4.安装Hexo
Git 和 Node.js 都安装好后,首先创建一个用于存放博客文件的文件夹(比如取名 hexo),然后进入 hexo 文件夹,下面开始安装并使用 Hexo。右键选择Git Bash Here,弹出Git Bash窗口;执行命令:
- 安装Hexo
npm install hexo-cli -g
-
我在这出现了两个错误提示,暂时还无法解决:
npm WARN optional Skipping failed optional dependency /hexo-cli/chokidar/fsevents: npm WARN notsup Not compatible with your operating system or architecture: fsevents@1.0.12
- 初始化hexo文件夹
hexo init
- 安装依赖和插件
npm install
-
这里还出现了两个错误提示,折腾了两天也还是暂时还无法解决:
- 启动服务器进行本地预览
hexo server
在本地浏览器中打开http://localhost:4000,成功的话即可看到博客页面,至此安装就完成了。
在后面自建博客系列(四)HEXO博客的常识+更换NEXT主题还有一些Hexo相关的实用内容。
既然来了,留下个喜欢再走吧,鼓励我继续创作……
如果喜欢我的文章,那就关注我的简书账号吧,我们一起做朋友~~
欢迎关注个人微信公众号:海天心