网站建设

Website development

博客建站建设:用GitHub和Hexo搭建免费静态Blog

发布时间：2015-10-17 09:55:50

<a href=https://www.yzlink.cn target=_blank class=infotextkey>建站</a>教程静态博客系统 Hexo教程 Hexogithub Hexo主题

前言

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

喜欢写Blog的人，会经历三个阶段：

第一阶段，刚接触Blog，觉得很新鲜，试着选择一个免费空间来写。
第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。
第三阶段，觉得独立博客的管理太麻烦，好在保留控制权的前提下，让别人来管，自己只负责写文章。

更新历史

2015年09月03日 - 完善Windows 10安装Hexo中的细节
2015年03月22日 - 更新Windows下Hexo 3.0安装和升级，感谢@机智的阿卡林酱
2015年03月10日 - 增加Hexo 3.0降级 2.8
2014年12月19日 - 完善内容
2014年12月09日 - 更新Hexo配置修改部分
2014年06月19日 - 更新全部基础架构，待完善配置修改部分
2014年06月17日 - 更新部分Hexo建站过程，待完善
2014年05月29日 - 撰写初稿

扩展阅读

Hexo Docs - http://hexo.io/docs/

HelloDog Index - http://wsgzao.github.io/index/#Hexo

准备工作

注意本文主要针对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命令生效。新版已经会自动配置Path

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

安装Hexo

配置好GitHub家目录后，双击桌面上的Git Shell，输入npm命令即可安装

npm install hexo-cli -g
npm install hexo --save
#如果命令无法运行，可以尝试更换taobao的npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org

Hexo初始化配置

创建Hexo文件夹

安装完成后，根据自己喜好建立目录（如E:/kuaipan/GitHub/hexo），进入Git Shell切换到该路径下E:/kuaipan/GitHub/hexo执行以下指令

hexo init
#安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init
$ cd
$ npm install
#新建完成后，指定文件夹的目录如下
.
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes

安装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

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

同步内容至GitHub

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

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

在Github的网站目录下创建CNAME文件
填写自己的域名如hellodog.com，保存结束
登录DNSPod，先添加域名，然后添加记录，设置如下

<a href=https://www.yzlink.cn target=_blank class=infotextkey>建站</a>教程静态博客系统 Hexo教程 Hexogithub Hexo主题

原创不易，未经授权，严禁转载

原文地址：https://www.yzlink.cn/i,72,6167,0.html

上一篇：没花一毛钱王思聪就搞定“万达”域名wanda.com

下一篇：网站建设安全加密

您还有可能感兴趣的内容

建站流程

Website development

网站需
求分析
网站策
划方案
页面风
格设计
程序设
计研发
资料录
入优化
确认交
付使用
后续跟
踪服务
+86 10 64758810
18510861135

热门标签

Website development

客户评价

更多+

感谢足球外围最靠谱的平台，系统提前完成，在整个项目周期内，足球外围最靠谱的平台对待足球外围最靠谱的网站并不像是对待客户，更像是朋友一样，每一次，都能以专业的角度向足球外围最靠谱的网站提出更合理、更有效的解决方案，并快速、细致地完成足球外围最靠谱的网站的每一个需求，再次感谢以至诚之心做事的足球外围最靠谱的平台团队。

潘涛
我是东方龙马集团，在云智家做了2个企业官网，服务态度超级好。如果想做网站，选择他家一定不后悔。性价比高，服务态度好。值得你的信赖！

谭娇
技术好，设计精良，操作便利，很专业！配套的服务和后续的服务都很好,网站封面堪称精品，运行方便，后台操作的简单。技术还会耐心教我,很好的足球外围最靠谱的网站，建站很不错的。

陈曦
不错，价格比较合适，重点是响应速度蛮快，有什么问题都会马上给你解决，公司很满意，因为他们都是针对每个项目建了相应的讨论组，有问题可以再里面提出，人员分工到位，解决问题很及时。

张经理