Hexo搭建Github博客
最近迷上了nodejs,hexo是基于nodejs搭建的博客,自然要玩一下~
整个安装配置过程大概花了一小时,写下来仅供参考。
nodejs环境搭建
官网http://nodejs.org/download/,根据自己的系统选择合适的版本,点击安装后点next执行到finish。
windows系统默认安装到C:\Program Files\nodejs\,需要添加环境变量Path里面增加nodejs的安装路径
控制台:which node 查找node的安装路径
Mac默认安装到/usr/local/bin/node
Mac推荐通过brew安装
terminal中执行
1
ruby -e "$(curl -fsSkL https://raw.github.com/Homebrew/homebrew/go/install)"
若安装过程中提示安装xcode某个工具,按照提示走就行
执行brew doctor查看个模块是否正常
brew install node,自动安装好node和npm
node -v 查看node安装版本
npm -v 查看npm安装版本
淘宝镜像安装
低网速下很难通过 npm install fone -g等等来安装npm,解决方法是安装淘 宝镜像
1
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
从 registry.npm.taobao.org 安装所有模块. 当安装的时候发现安装的模块还没有同步过来, 淘宝 NPM 会自动在后台进行同步, 并且会让你从官方 NPMregistry.npmjs.org 进行安装. 下次你再安装这个模块的时候, 就会直接从 淘宝 NPM 安装了.
$ cnpm install [name]
git环境搭建
- 下载地址,点next直到安装完成
- windows下配置系统变量Path,加入安装目录
- Mac下若已经安装了xcode,则不用另外下载
- git —version 查看git版本
安装Hexo
- 官网https://hexo.io
- npm install -g hexo(已经安装淘宝镜像的用cnpm),Mac装全局需要用sudo
- mkdir blog 新建文件夹blog
- cd blog
- hexo init
- npm install 安装依赖
- hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
这时候在浏览器中访问上面的网址,就能看到一个默认主题的博客啦
主题选择
- 自己选择喜欢的,按照文档配置就可以了,知乎推荐的hexo主题
部署到git
在项目配置文件_config.yml中
1
2
3
4# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type:
修改为
1
2
3
4
5
6# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:yourname/yourname.github.io.git
branch: masteryourname是你的git账号名字,需要在github网站新建一个yourname.github.io的仓库,则默认为git托管的静态资源站点
若提示Deployer not found: git,执行npm install hexo-deployer-git –save发布
hexo new “New Post” 创建新post,在source/_posts目录下可以看到新建的markdown文件,或者直接将编辑好的文件放上面的目录下
hexo generate将markdown文件生成静态网页
hexo deploy发布
稍等片刻,访问yourname.github.io就可以看到hexo搭建在github的博客啦~~
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!