首页 > 策划 > 关键词  > 建站教程最新资讯  > 正文

建站教程:使用GitHub和Hexo搭建免费静态Blog

2015-10-16 10:59 · 稿源: hellodog

前言

习惯自己写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 - https://hexo.io/docs/

HelloDog Index - https://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

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

安装Hexo

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

  1. npm install hexo-cli -g
  2. npm install hexo --save
  3. #如果命令无法运行,可以尝试更换taobao的npm源
  4. 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插件

  1. npm install hexo-generator-index --save
  2. npm install hexo-generator-archive --save
  3. npm install hexo-generator-category --save
  4. npm install hexo-generator-tag --save
  5. npm install hexo-server --save
  6. npm install hexo-deployer-git --save
  7. npm install hexo-deployer-heroku --save
  8. npm install hexo-deployer-rsync --save
  9. npm install hexo-deployer-openshift --save
  10. npm install hexo-renderer-marked@0.2 --save
  11. npm install hexo-renderer-stylus@0.2 --save
  12. npm install hexo-generator-feed@1 --save
  13. npm install hexo-generator-sitemap@1 --save

本地查看效果

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

  1. hexo server

Hexo 简写命令

  1. hexo n #new
  2. hexo g #generate
  3. hexo s #server

部署静态网页到GitHub

注册设置GitHub

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

同步内容至GitHub

  1. 下载GitHub Windows
  2. 设置Local path如E:\快盘\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.

【推荐理由】两个字“靠谱”,支持支付宝,附优惠码链接

https://www.godaddy.com/

https://www.gdcodecoupon.com/

DNS推荐

致力于为您提供最稳定、最安全的域名解析服务

【推荐理由】依然是两个字“靠谱”,感谢他们一直以来对于公益的坚持

https://www.dnspod.cn/

设置CNAME

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

举报

  • 相关推荐
  • CAD下载安装教程免费(2025全新CAD下载安装教程)CAD教程,CAD软件安装包,CAD安装教程,CAD软件免费下载

    本文提供AutoCAD 2025免费安装教程,包含详细步骤和注意事项。主要内容包括:1. 硬件要求(64位Win10/11系统、3GHz以上CPU、8G内存、10GB硬盘空间);2. 安装前准备(关闭杀毒软件、断开网络);3. 安装步骤(解压安装包、管理员身份运行Setup.exe、自定义安装路径);4. 激活方法(复制破解文件到安装目录);5. 新版本特色功能(AI智能推荐、云协作等)。文末附常见问题解答和用户实测反馈,帮助10分钟内完成专业CAD软件安装。

  • OPPO K13 Turbo系列外观公布:自带RGB风扇 EVA初号机配色

    OPPO今天正式公布了OPPO K13 Turbo系列新机外观,展示了新机的风扇等外观细节,以及全新配色。 该机后摄模组造型比较简洁,只有主摄和下放的风扇凸起,风扇外圈自带RGB灯效。

  • OPPO K13 Turbo系列真机亮相:自带风扇+RGB

    OPPO K13 Turbo系列真机已经现身在bilibili world《胜利女神:NIKKE》展区。 从图片来看,OPPO K13 Turbo系列系列后摄区域有点类似一加13T,采用了矩形金属方案,主摄下方就是散热风扇,同时外圈还自带RGB等效。 这个设计方案可以明显看出,该机是主打电竞体验。 风扇模组采用电镀镍工艺,放弃普通喷涂,带来更好的防水、防锈效果,并且号称风力提升120%,从而实现更强、更持久�

  • 曝iPhone 17 Pro Logo下移:MagSafe要重新调整

    博主Majin Bu爆料称,iPhone 17 Pro和iPhone 17 Pro Max的苹果Logo下移,手机壳制造商也不得不重新调整MagSafe磁铁的位置。 据制造商透露,随着iPhone 17 Pro苹果Logo位置下移,磁铁阵列也向中心底部偏移,如果不调整就会出现MagSafe磁铁跟苹果Logo重叠的情况,影响美观。 此次调整主要是提升美观度,但是对配件制造商来说,磁铁位置的调整就需要对磁场再度进行校准,以避免细微干扰。

  • AIbase MCP服务库上线:集成服务器、客户端、调试、案例教程等服务

    在当今数字化时代,人工智能技术正以前所未有的速度发展,深刻地改变着我们的生活和工作方式。而要充分发挥AI的强大能力,离不开高效的工具和服务支持。今天,就让我们来了解一下一个专注于MCP(Model Context Protocol)服务的优质平台 —— AIbase(www.aibase.cn)。 AIbase平台(https://mcp.aibase.cn/)作为一个精选全球优质MCP服务器的集合平台,为AI应用开发者和爱好者提供了丰富的�

  • 王腾:REDMI Turbo 4 Pro非常成功 很多友商都在关注

    REDMI总经理王腾发文表示,REDMI上半年发布的Turbo 4 Pro非常成功,受到了广大用户的喜爱,也收到了很多友商的关注。 据悉,REDMI Turbo 4 Pro于4月份发布,首发起售价是1999元,该机上市不到一个月累计销量突破100万台,成为行业内最火的Turbo手机。 随着REDMI Turbo系列的热销,各大品牌纷纷推出Turbo系列手机,主打高性能,对此王腾表示,领先的一种体现就是被模仿,说明REDMI这几�

  • AI日报:美图发布影像AI Agent RoboNeo;1.8bit量化Kimi K2模型上线;亚马逊推AI代码编辑器 Kiro

    【AI日报】今日AI领域重要动态:1)美图推出RoboNeo,通过自然语言指令实现图片精修、品牌设计等全能影像处理;2)Unsloth AI将Kimi K2模型量化至1.8bit,体积缩减78%保持性能;3)谷歌Gemini嵌入模型登顶MTEB榜单,超越OpenAI;4)亚马逊发布免费AI代码编辑器Kiro,集成Claude模型;5)Claude新增应用工具目录功能提升工作效率;6)MiniMax完成近3亿美元融资,估值超40亿美元;7)UTCP新协议让AI代理直

  • 加速Robotaxi部署 滴滴自动驾驶进入爆发前夜

    滴滴自动驾驶在第十七届国际交通技术设备展上亮相新一代L4级量产车型,配备33个传感器,展现技术突破。公司宣布将持续加大研发投入,与广汽埃安成立合资公司加速无人驾驶商业化落地。目前滴滴Robotaxi车队已在北京、广州等城市稳定运营超1800天无重大事故,并计划年内部署千台车辆。凭借多年技术积累和资本支持(累计融资超15.5亿美元),滴滴正迈向规模化商业运营新阶段。近期与广州市政府达成战略合作,进一步拓展智慧交通应用场景,标志着其自动驾驶技术进入爆发前夜。

  • 某幻君助力索尼原创音浪季,BilibiliWorld 现场解锁音频黑科技

    索尼在BilibiliWorld展会上打造沉浸式音乐体验,以"为音乐而生"理念呈现专业音频设备组合。现场设置录音棚体验区,观众可使用C-80麦克风和MDR-M1监听耳机感受专业录音效果。同时展出旗舰降噪耳机WH-1000XM6等产品,展现索尼70年音频技术积淀。活动还推出"索尼原创音浪季"赛事,邀请B站UP主某幻君等音乐人现场表演,通过前沿科技支持音乐创作。索尼中国高管现场

  • 各大厂商都开始推Turbo手机 王腾用一句广告词调侃友商

    博主数码闲聊站爆料称,各大厂商都开始推Turbo系列产品,中端产品线竞争逐渐加剧,电池不断刷新行业纪录。 对此,REDMI总经理王腾表示,想起一句广告词,有人模仿我的脸,有人模仿我的面。 据了解,这句广告词出自统一食品,统一率先在行业内推出老坛酸菜系列,随后不少企业也跟风推出类似的方便面。 统一食品便邀请知名主持人汪涵拍摄广告片,这句经典广告语有�