首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用GitHub和Hexo搭建免费静态Blog

前言

习惯自己写Blog的朋友一定不会陌生Wordpress,或许也曾在新浪博客和QQ空间留过脚印,但静心认真思考一下,似乎我们又总是向往更加简单自由的写作方式。GitHub给我们提供了一个无限的空间,我们需要珍惜使用,而Hexo的出现从某种意义上来说代替了Jekyll,让我们可以更专注于写作本身。本文主要介绍自己的实践心得并不断完善内容,衍生知识和原理推荐大家认真阅读官网的手册,其它推荐参考内容链接在文中也会标注出来。

了解Hexo

A fast, simple & powerful blog framework

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

hexo.io

安装GIT

GitHub Windows

简单可依赖,安装完成后依据提示操作即可,So Easy

安装Node.JS

Node.JS

注意安装完成后添加Path环境变量,使

npm

命令生效

;C:\Program Files\nodejs\node_modules\npm

安装Hexo

配置好

GitHub

家目录后,双击桌面上的

Git Shell

,输入

npm

命令即可安装

npm install -g hexo-cli npm install hexo --save

http://hexo.io/zh-cn/docs/

Hexo初始化配置

创建Hexo文件夹

安装完成后,根据自己喜好建立目录(如

E:\kuaipan\GitHub\hexo

),进入

Git Shell

切换到该路径下

E:\kuaipan\GitHub\hexo

执行以下指令

hexo init

安装Hexo插件

npm install hexo-generator-index --save npm install hexo-generator-archive --save npm install hexo-generator-category --save npm install hexo-generator-tag --save npm install hexo-server --save npm install hexo-deployer-git --save npm install hexo-deployer-heroku --save npm install hexo-deployer-rsync --save npm install hexo-deployer-openshift --save npm install hexo-renderer-marked@0.2 --save npm install hexo-renderer-stylus@0.2 --save npm install hexo-generator-feed@1 --save npm install hexo-generator-sitemap@1 --save

本地查看效果

继续执行以下命令,成功后可登录

localhost:4000

查看效果

hexo server

Hexo简写命令

hexo n #newhexo g #generatehexo s #server

部署静态网页到GitHub

注册设置GitHub

登录GitHub,注册自定义用户名如

wsgzao

在主页右下角创建

New repository

,name必须和用户名一致如

同步内容至GitHub

下载GitHub Windows

设置

Local path

E:\快盘\GitHub\

运行

Git Shell

切换到如

E:\快盘\GitHub\hexo

路径下

执行

hexo g

命令生成

public

文件夹

把生成的内容全部拷贝到

Local path

或其子目录

运行

GitHub

确认修改信息后执行右上角的

Sync

同步

最后访问主页观察效果

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180130A18EK800?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券