淘先锋技术网

首页 1 2 3 4 5 6 7

使用hexo+github搭建博客的好处

1.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台;
2.hexo框架 解决方案成熟,讨论的地方多

需要的坏境

在搭建hexo博客框架之前,你必须已经:

  1. 必须有了github账号;
  2. 安装了node.js坏境;
  3. 安装了Git

第一步安装cnpm命令

由于hexo需要借助npm包管理器来安装,而国内镜像源很慢,所以先利用npm命令来安装cnpm淘宝镜像源,在cmd窗口中输入以下命令

	npm install -g cnpm --registry=http://registry.npm.taobao.org

第二步安装hexo框架

根据cnpm命令安装hexo框架,命令如下:

	cnpm install -g hexo-cli

安装完成后你可以cmd中用 hexo -v 来验证

第三步初始化博客

在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是F:\blog,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。打开cmd确保你当前位置是你新建的文件夹下,然后输入以下命令

	hexo init

hexo会自动下载一些文件到这个目录,包括node_modules,目录结构如下图:
加1.png图
初始化完成功后就可以启动了,以下命令也是要确保你的cmd命令位于你的博客文件夹中

hexo s #启动服务

启动完成后cmd窗口会显示端口号,就可以在浏览器访问了,成功启动如下图
加2.png

第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,默认的主题比较丑,打开时就是这个样子:

加3.png

上传github

先安装git部署插件,输入以下命令

	cnpm install --save hexo-deployer-git     #安装git部署插件

然后打开博客根目录下的_config.ym文件配置deploy部分

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/TyZss/TyZss.github.io.git #你的github地址
  branch: master

最后在你的博客路径下打开cmd,输入以下命令:

	hexo d #将本次有改动的代码全部提交,没有改动的不会将

hexo 常用命令

常用命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

缩写

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

组合命令

hexo s -g #生成并本地预览
hexo d -g #生成并上传