GitHub+Hexo个人博客搭建

穿精又带淫゛_ 提交于 2020-03-04 10:38:37

前言

也许不能算作一个合格的程序员,因为业余时间懒得开电脑,自然也懒得写东西。
github是很早就注册了的,却一直没有用过。
从第一次接触电脑到现在,十多年,统共没写过多少文字发表在网上。跟风搞的博客、人人、小窝……通通都荒芜着。
但就学习来说,为了更好的掌握一门技能,输出是一个很好的途径。可以对自己已经掌握的做一个梳理,并能很好的掌控学习进度,规划学习目标。
上面说这么多题外话,只是想说明一下初衷:因为不想原地踏步,决定继续学习。首先,把github用起来,比如,建一个博客。
至于选择hexo,嗯,看的全栈教程是这么选择的,也就不费心思去比较各种博客框架了,毕竟,我的目的是在前端的道路上更进一步,而不是经营好一个完美博客,得分清主次。

好了,正文开始。
首先介绍一下,我用的是WIN7x64,在网上一堆OSX和LINUX中间显得有点突兀。不过前端嘛,支持IE,FF,Chrome就行。
然后搜教程的时候,好多都是非WIN系统的,好在原理相通,整个流程还算顺利。

环境准备

*注册GitHub

直接去GitHub官网注册一个账号,和一般注册流程差不多。

*安装Git

前几天准备把GitHub重新打开的时候便已经装好了,用的是 msysgit
msysgitGit 版本控制系统在 Windows 下的版本,可以从如下地址下载1
下载地址1    下载地址2
整个安装过程还是比较简单的,和平时安装软件差不多,具体可参考学习GitHub(一): windows7 64位系统安装msysGit客户端

*安装Node.js

到Node.js官网下载相应平台的最新版本,一路安装即可。我下载的是最新版 v6.6.0,如不放心,可选择下载主页推荐的稳定版。

安装Sublime Text

Sublime Text 3是比较常用的文本编辑器,支持各种编程语言和文件格式,当然也支持Markdown语法。非必须。

正式安装Hexo

Git及Node.js安装好后,便可以参考官网主页,直接执行如下命令安装Hexo。

1
$ npm install hexo-cli -g

-g 是指将 Hexo 安装在全局目录下,可放在最后,也可放在 install 后面,比如:

1
$ npm install -g hexo-cli

另外,许多教程分享也用 hexo,命令如下:

1
$ npm install -g hexo

用这个命令安装的不是最新版本,具体是哪个版本我也没有仔细研究。还是建议直接用 hexo-cli 安装最新版本,如果有具体版本需求,比如 2.8.3,也可用如下命令安装:

1
$ npm install hexo@2.8.3 -g

安装好后 /usr/local/node/lib/node_modules 目录下多了一个 hexo-cli 文件夹,随后测试一下:

12345678910111213
$ hexo -vhexo: 3.2.2hexo-cli: 1.0.2os: Windows_NT 6.1.7601 win32 x64http_parser: 2.7.0node: 6.6.0v8: 5.1.281.83uv: 1.9.1zlib: 1.2.8ares: 1.10.1-DEVicu: 57.1modules: 48openssl: 1.0.2h

初始化

Hexo安装完成后2, 执行init命令初始化hexo到你指定的目录,两种方式:

1
$ hexo init <folder>

12
$ cd <folder>$ hexo init

出现INFO Start blogging with Hexo!便初始化成功了。
一些教程接下来还有一步,用 npm install 安装依赖和插件,不过我执行此命令的时候,并没有任何新的依赖和插件被安装。不放心的,可再执行一下此命令。

启动服务器进行测试

在Hexo初始化目录下输入如下命令3启动本地服务器:

1
$ hexo s

在浏览器中打开 http://localhost:4000,成功的话即可看到博客页面。
至此,全部安装工作完成。

配置GitHub

建立Repository

建立与用户名对应的仓库,仓库名必须为 your_user_name.github.io,固定写法4,然后建立关联。
进入Hexo初始化目录,打开 _config.yml 文件,翻到最下面,如下修改来进行关联:

1234
deploy:  type: git  repository: https://github.com/your_user_name/your_user_name.github.io.git  branch: master

执行如下命令进行Git部署:

1
$ npm install hexo-deployer-git --save

然后执行配置命令:

1
$ hexo d

运行完成,出现 INFO Deploy done: git 后,在浏览器地址栏输入 https://your_user_name.github.io 5便可查看博客了。

后记

  • Hexo与GitHub的关联还有一种SSH Key的方式,尚未实践。据说配置后不用再每次手动输入GitHub用户名及密码,后续进行一下配置。
  • Hexo有许多漂亮的主题,我下载了两款正在研究中,大家可自行搜索配置。另附主题列表
  • 关于Markdown的语法,可参考作业部落]的Cmd Markdown 简明语法手册,其在线编辑器也很好用,可以一边编辑一边预览。
  • 后期可购买域名及服务器进一步探索。

[1]: 用Chrome下载的时候特别慢,还总是下载到一半就失败了,用vpn翻墙也是一样。后来就直接用迅雷了,嗖嗖嗖就好了,推荐下。
[2]: 安装结束后会有两行WARN提示,这是MAC OS X专用的依赖,是npm的已知Bug,忽略即可,具体可参考 https://github.com/npm/npm/issues/11632
[3]: hexo命令大多可简写为首字母,此处为server的简写,可参考 hexo常用命令笔记
[4]: 尚未找到具体出处,怀疑可更改,待试验
[5]: 请务必修改your_user_name为你本人的GitHub用户名

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!