企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站建设

Website development

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

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

TAGS:网站行业,Letou网站建设,网站建设方案,网站建设

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

前言MrCLetou,Letou,,-Letou公司

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

喜欢写Blog的人,会经历三个阶段:MrCLetou,Letou,,-Letou公司

第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。MrCLetou,Letou,,-Letou公司

第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。MrCLetou,Letou,,-Letou公司

第三阶段,觉得独立博客的管理太麻烦,好在保留控制权的前提下,让别人来管,自己只负责写文章。MrCLetou,Letou,,-Letou公司

更新历史MrCLetou,Letou,,-Letou公司

2015年09月03日 - 完善Windows 10安装Hexo中的细节MrCLetou,Letou,,-Letou公司

2015年03月22日 - 更新Windows下Hexo 3.0安装和升级,感谢@机智的阿卡林酱MrCLetou,Letou,,-Letou公司

2015年03月10日 - 增加Hexo 3.0降级 2.8MrCLetou,Letou,,-Letou公司

2014年12月19日 - 完善内容MrCLetou,Letou,,-Letou公司

2014年12月09日 - 更新Hexo配置修改部分MrCLetou,Letou,,-Letou公司

2014年06月19日 - 更新全部基础架构,待完善配置修改部分MrCLetou,Letou,,-Letou公司

2014年06月17日 - 更新部分Hexo建站过程,待完善MrCLetou,Letou,,-Letou公司

2014年05月29日 - 撰写初稿MrCLetou,Letou,,-Letou公司

扩展阅读MrCLetou,Letou,,-Letou公司

Hexo Docs - https://hexo.io/docs/MrCLetou,Letou,,-Letou公司

HelloDog Index - https://wsgzao.github.io/index/#HexoMrCLetou,Letou,,-Letou公司

准备工作MrCLetou,Letou,,-Letou公司

注意 本文主要针对Windows平台和Hexo 3.xMrCLetou,Letou,,-Letou公司

了解HexoMrCLetou,Letou,,-Letou公司

A fast, simple & powerful blog frameworkMrCLetou,Letou,,-Letou公司

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

hexo.ioMrCLetou,Letou,,-Letou公司

安装GITMrCLetou,Letou,,-Letou公司

GitHub WindowsMrCLetou,Letou,,-Letou公司

简单可依赖,安装完成后依据提示操作即可,So EasyMrCLetou,Letou,,-Letou公司

安装Node.JSMrCLetou,Letou,,-Letou公司

 Node.JSMrCLetou,Letou,,-Letou公司

注意 安装完成后添加Path环境变量,使npm命令生效。新版已经会自动配置PathMrCLetou,Letou,,-Letou公司

  1. ;C:/Program Files/nodejs/node_modules/npmMrCLetou,Letou,,-Letou公司

安装HexoMrCLetou,Letou,,-Letou公司

配置好GitHub家目录后,双击桌面上的Git Shell,输入npm命令即可安装MrCLetou,Letou,,-Letou公司

  1. npm install hexo-cli -gMrCLetou,Letou,,-Letou公司

  2. npm install hexo --saveMrCLetou,Letou,,-Letou公司

  3. #如果命令无法运行,可以尝试更换taobao的npm源MrCLetou,Letou,,-Letou公司

  4. npm install -g cnpm --registry=https://registry.npm.taobao.orgMrCLetou,Letou,,-Letou公司

Hexo初始化配置MrCLetou,Letou,,-Letou公司

创建Hexo文件夹MrCLetou,Letou,,-Letou公司

安装完成后,根据自己喜好建立目录(如E:/kuaipan/GitHub/hexo),进入Git Shell切换到该路径下E:/kuaipan/GitHub/hexo执行以下指令MrCLetou,Letou,,-Letou公司

  • hexo initMrCLetou,Letou,,-Letou公司

  • #安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。MrCLetou,Letou,,-Letou公司

  • $ hexo initMrCLetou,Letou,,-Letou公司

  • $ cdMrCLetou,Letou,,-Letou公司

  • $ npm installMrCLetou,Letou,,-Letou公司

  • #新建完成后,指定文件夹的目录如下MrCLetou,Letou,,-Letou公司

  • .MrCLetou,Letou,,-Letou公司

  • ├── _config.ymlMrCLetou,Letou,,-Letou公司

  • ├── package.jsonMrCLetou,Letou,,-Letou公司

  • ├── scaffoldsMrCLetou,Letou,,-Letou公司

  • ├── scriptsMrCLetou,Letou,,-Letou公司

  • ├── sourceMrCLetou,Letou,,-Letou公司

  • | ├── _draftsMrCLetou,Letou,,-Letou公司

  • | └── _postsMrCLetou,Letou,,-Letou公司

  • └── themesMrCLetou,Letou,,-Letou公司

安装Hexo插件MrCLetou,Letou,,-Letou公司

  1. npm install hexo-generator-index --saveMrCLetou,Letou,,-Letou公司

  2. npm install hexo-generator-archive --saveMrCLetou,Letou,,-Letou公司

  3. npm install hexo-generator-category --saveMrCLetou,Letou,,-Letou公司

  4. npm install hexo-generator-tag --saveMrCLetou,Letou,,-Letou公司

  5. npm install hexo-server --saveMrCLetou,Letou,,-Letou公司

  6. npm install hexo-deployer-git --saveMrCLetou,Letou,,-Letou公司

  7. npm install hexo-deployer-heroku --saveMrCLetou,Letou,,-Letou公司

  8. npm install hexo-deployer-rsync --saveMrCLetou,Letou,,-Letou公司

  9. npm install hexo-deployer-openshift --saveMrCLetou,Letou,,-Letou公司

  10. npm install [email protected] --saveMrCLetou,Letou,,-Letou公司

  11. npm install [email protected] --saveMrCLetou,Letou,,-Letou公司

  12. npm install hexo-generator-feed@1 --saveMrCLetou,Letou,,-Letou公司

  13. npm install hexo-generator-sitemap@1 --saveMrCLetou,Letou,,-Letou公司

本地查看效果MrCLetou,Letou,,-Letou公司

继续执行以下命令,成功后可登录localhost:4000查看效果MrCLetou,Letou,,-Letou公司

  1. hexo serverMrCLetou,Letou,,-Letou公司

Hexo 简写命令MrCLetou,Letou,,-Letou公司

  1. hexo n #newMrCLetou,Letou,,-Letou公司

  2. hexo g #generateMrCLetou,Letou,,-Letou公司

  3. hexo s #serverMrCLetou,Letou,,-Letou公司

部署静态网页到GitHubMrCLetou,Letou,,-Letou公司

注册设置GitHubMrCLetou,Letou,,-Letou公司

  1. 登录GitHub,注册自定义用户名如wsgzaoMrCLetou,Letou,,-Letou公司

  2. 在主页右下角创建New repository,name必须和用户名一致如wsgzao.github.ioMrCLetou,Letou,,-Letou公司

  3. 首次创建耐心等待10分钟左右审核,之后即可访问静态主页如https://wsgzao.github.ioMrCLetou,Letou,,-Letou公司

 同步内容至GitHubMrCLetou,Letou,,-Letou公司

  1. 下载GitHub WindowsMrCLetou,Letou,,-Letou公司

  2. 设置Local path如E:/快盘/GitHub/MrCLetou,Letou,,-Letou公司

  3. 运行Git Shell切换到如E:/快盘/GitHub/hexo路径下MrCLetou,Letou,,-Letou公司

  4. 执行hexo g命令生成public文件夹MrCLetou,Letou,,-Letou公司

  5. 把生成的内容全部拷贝到Local path或其子目录MrCLetou,Letou,,-Letou公司

  6. 运行GitHub确认修改信息后执行右上角的Sync同步MrCLetou,Letou,,-Letou公司

  7. 后访问主页观察效果MrCLetou,Letou,,-Letou公司

https://pages.github.com/MrCLetou,Letou,,-Letou公司

域名和DNSMrCLetou,Letou,,-Letou公司

域名推荐MrCLetou,Letou,,-Letou公司

GoDaddy makes registering Domain Names fast, simple, and affordable.MrCLetou,Letou,,-Letou公司

【推荐理由】两个字&ldquo;靠谱&rdquo;,支持支付宝,附优惠码链接MrCLetou,Letou,,-Letou公司

https://www.godaddy.com/MrCLetou,Letou,,-Letou公司

https://www.gdcodecoupon.com/MrCLetou,Letou,,-Letou公司

DNS推荐MrCLetou,Letou,,-Letou公司

致力于为您提供稳定、安全的域名解析服务MrCLetou,Letou,,-Letou公司

【推荐理由】依然是两个字&ldquo;靠谱&rdquo;,感谢他们一直以来对于公益的坚持MrCLetou,Letou,,-Letou公司

https://www.dnspod.cn/MrCLetou,Letou,,-Letou公司

设置CNAMEMrCLetou,Letou,,-Letou公司

  1. 在Github的网站目录下创建CNAME文件MrCLetou,Letou,,-Letou公司

  2. 填写自己的域名如hellodog.com,保存结束MrCLetou,Letou,,-Letou公司

  3. 登录DNSPod,先添加域名,然后添加记录,设置如下MrCLetou,Letou,,-Letou公司

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


MrCLetou,Letou,,-Letou公司

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

原文地址:https://www.e2rg7.com/i,72,6167,0.html

客户评价

更多+
  • 感谢Letou,系统提前完成,在整个项目周期内,Letou对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的Letou团队。

    潘涛

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

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的Letou(北京)科技有限公司,建站很不错的。

    陈曦

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

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:[email protected]

合作伙伴

All Rights Reserved.©2010-2016 e2rg7.com京公网安备 110105019435 京ICP备14020656号
本已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!