工作之余,出于对技术的爱好,也想养成编写文档的好习惯,遂腾出数天的时间来研究和捣鼓,终得“偿”所愿。念及学习之过程,顿感混乱之思绪。欲清理,故拙笔之一二,以备参考…
步骤
安装Git ?
使用 ./tools/Git/ 目录中的 Git-2.6.3-64-bit.exe 软件安装配置好Git,具体参考:
安装Node.js ?
使用 ./tools/Nodejs/ 目录中的 node-v4.4.6-x64.msi 软件安装配置好Node,具体参考:
申请GitHub在线账号 ?
GitHub用于托管博客源码以及发布博客网站,我们也可以使用Coding
安装Hexo ?
使用
npm
命令,如果有被“墙”的情况,请使用淘宝的NPM镜像工具:npm install -g cnpm --registry=https://registry.npm.taobao.org
将npm
命令替换成cnpm
使用新建个文件夹作为博客根目录,命令行下进入到该根目录,按照如下命令进行:
npm install -g hexo-cli // 安装Hexo命令行工具CLI npm install hexo --save // 安装Hexo博客框架 hexo init // 初始化,完毕后即可 hexo server -g // 生成博客静态页并启动服务,http://localhost:4000 本地访问
PS: 推荐安装Hexo的Git插件:hexo-deployer-git,
npm install hexo-deployer-git --save
安装Hexo相关插件 ?
这里给出一个package.json文件,内容如下:
{ "name": "hexo-site", "version": "0.0.0", "private": true, "hexo": { "version": "3.2.0" }, "dependencies": { "hexo": "^3.2.0", "hexo-deployer-git": "^0.2.0", "hexo-generator-archive": "^0.1.4", "hexo-generator-baidu-sitemap": "^0.1.1", "hexo-generator-category": "^0.1.3", "hexo-generator-feed": "^1.1.0", "hexo-generator-index": "^0.2.0", "hexo-generator-search": "^1.0.2", "hexo-generator-seo-friendly-sitemap": "0.0.16", "hexo-generator-sitemap": "^1.1.2", "hexo-generator-tag": "^0.2.0", "hexo-renderer-ejs": "^0.2.0", "hexo-renderer-marked": "^0.2.10", "hexo-renderer-stylus": "^0.3.1", "hexo-server": "^0.2.0" } }
PS:通过这个package.json文件可以快速搭建Hexo博客:
1)新建一个文件夹,命名为blog,作为Hexo博客根目录;
2)在blog文件夹下新建package.json文件,将上面的内容复制粘贴进去;
3)命令行进入到blog目录,执行
npm install
命令,等待执行完毕,Hexo博客框架即可搭建完毕;4)使用
hexo s -g
命令,执行完毕后访问 http://localhost:4000 即可本地访问预览;注意:能够快速搭建的前提是安装了 node.js、hexo-cli,如果不清楚,请参考[2. 安装Node.js、4. 安装Hexo]
-
- yelee主题预览
yelee主题安装
1) 命令行进入Hexo博客框架根目录下,执行
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee
之后打开当前根目录下的 _config.yml 文件,修改为
theme: yelee # 博客主题
并保存,当前命令行执行hexo clean // 清除 hexo server -g // 生成静态博客页面并打开服务器,访问 http://localhost:4000 访问预览
2) 当前目录下 ./themes/ 文件夹中,将yelee文件夹所有内容复制粘贴到你自己的Hexo博客框架根目录下themes文件夹中,之后打开你自己的Hexo博客框架根目录下的 _config.yml 文件,修改为
theme: yelee # 博客主题
并保存,当前命令行执行hexo clean // 清除 hexo server -g // 生成静态博客页面并打开服务器,访问 http://localhost:4000 访问预览
yelee主题使用说明
参考资料