LinuxEye - Linux系统教程

LinuxEye - Linux系统教程

当前位置: 主页 > 建站 >

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

时间:2015-06-18 09:22来源:未知 编辑:linuxeye 点击:
准备工作 注意 本文主要针对 Windows 平台和 Hexo 3.x 了解Hexo A fast, simple powerful blog framework Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒

准备工作

注意 本文主要针对Windows平台和Hexo 3.x

了解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 #new
hexo g #generate
hexo s #server

部署静态网页到GitHub

注册设置GitHub

  1. 登录GitHub,注册自定义用户名如wsgzao
  2. 在主页右下角创建New repository,name必须和用户名一致如wsgzao.github.io
  3. 首次创建耐心等待10分钟左右审核,之后即可访问静态主页如http://wsgzao.github.io

同步内容至GitHub

  1. 下载GitHub Windows
  2. 设置Local pathE:\快盘\GitHub\
  3. 运行Git Shell切换到如E:\快盘\GitHub\hexo路径下
  4. 执行hexo g命令生成public文件夹
  5. 把生成的内容全部拷贝到Local path或其子目录
  6. 运行GitHub确认修改信息后执行右上角的Sync同步
  7. 最后访问主页观察效果

https://pages.github.com/


域名和DNS

域名推荐

GoDaddy makes registering Domain Names fast, simple, and affordable.
【推荐理由】两个字“靠谱”,支持支付宝,附优惠码链接

http://www.godaddy.com/
http://www.gdcodecoupon.com/

DNS推荐

致力于为您提供最稳定、最安全的域名解析服务
【推荐理由】依然是两个字“靠谱”,感谢他们一直以来对于公益的坚持

https://www.dnspod.cn/

设置CNAME

  1. 在Github的网站目录下创建CNAME文件
  2. 填写自己的域名如hellodog.com,保存结束
  3. 登录DNSPod,先添加域名,然后添加记录,设置如下
主机记录 记录类型 线路类型 记录值 MX优先级 TTL
@ CNAME 默认 wsgzao.github.io. - 10
www CNAME 默认 wsgzao.github.io. - 10

Hexo配置修改

告诉自己为什么要选择Hexo

知识储备

1.勤学勤练Markdown

本地+云端备份数据是一种习惯

2.使用性感的文本编辑器

工欲善其事必先利其器

  • Notepad2
  • Sublime Text

http://wsgzao.github.io/post/windows/#文本编辑器

Hexo主题

选择主题建议遵循KISS原则

常见问题

1.修改配置文件时注意YAML语法,参数冒号:后一定要留空格
2.中文乱码请修改文件编码格式为UTF-8

如何迁移至Hexo

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

Hexo 2.X 升级 3.0

1.做好相关配置文件和文章的备份
2.做任何修改前不要忘记第一件事备份

https://github.com/hexojs/hexo/wiki/Migrating-from-2.x-to-3.0

Hexo 3.0 降级 2.X

http://sandylaw.tk/2015/03/07/hexo3to2/
原文:http://wsgzao.github.io/post/hexo-guide/

转载请保留固定链接: https://linuxeye.com/jianzhan/2637.html

------分隔线----------------------------
标签:GithubHexo
栏目列表
推荐内容