前言
也许不能算作一个合格的程序员,因为业余时间懒得开电脑,自然也懒得写东西。
github是很早就注册了的,却一直没有用过。
从第一次接触电脑到现在,十多年,统共没写过多少文字发表在网上。跟风搞的博客、人人、小窝……通通都荒芜着。
但就学习来说,为了更好的掌握一门技能,输出是一个很好的途径。可以对自己已经掌握的做一个梳理,并能很好的掌控学习进度,规划学习目标。
上面说这么多题外话,只是想说明一下初衷:因为不想原地踏步,决定继续学习。首先,把github用起来,比如,建一个博客。
至于选择hexo,嗯,看的全栈教程是这么选择的,也就不费心思去比较各种博客框架了,毕竟,我的目的是在前端的道路上更进一步,而不是经营好一个完美博客,得分清主次。
好了,正文开始。
首先介绍一下,我用的是WIN7x64,在网上一堆OSX和LINUX中间显得有点突兀。不过前端嘛,支持IE,FF,Chrome就行。
然后搜教程的时候,好多都是非WIN系统的,好在原理相通,整个流程还算顺利。
环境准备
*注册GitHub
直接去GitHub官网注册一个账号,和一般注册流程差不多。
*安装Git
前几天准备把GitHub重新打开的时候便已经装好了,用的是 msysgit
。msysgit
是 Git
版本控制系统在 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用户名
来源:https://www.cnblogs.com/liuzhongrong/p/12407704.html