原文出处:http://wsgzao.github.io/post/hexo-guide/
前言
习惯自己写Blog的朋友一定不会陌生Wordpress,或许也曾在新浪博客和QQ空间留过脚印,但静心认真思考一下,似乎我们又总是向往更加简单自由的写作方式。GitHub给我们提供了一个无限的空间,我们需要珍惜使用,而Hexo的出现从某种意义上来说代替了Jekyll,让我们可以更专注于写作本身。本文主要介绍自己的实践心得并不断完善内容,衍生知识和原理推荐大家认真阅读官网的手册,其它推荐参考内容链接在文中也会标注出来。
第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。
第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。
第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。
更新历史
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日 - 撰写初稿
阅读原文 - http://wsgzao.github.io/post/hexo-guide/
扩展阅读
- 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
简单可依赖,安装完成后依据提示操作即可,So Easy
安装Node.JS
注意 安装完成后添加Path环境变量,使npm
命令生效
1
|
;C:\Program Files\nodejs\node_modules\npm
|
安装Hexo
配置好GitHub
家目录后,双击桌面上的Git Shell
,输入npm
命令即可安装
1 |
npm install -g hexo-cli |
Hexo初始化配置
创建Hexo文件夹
安装完成后,根据自己喜好建立目录(如E:\kuaipan\GitHub\hexo
),进入Git Shell
切换到该路径下E:\kuaipan\GitHub\hexo
执行以下指令
1
|
hexo init
|
安装Hexo插件
1 |
npm install hexo-generator-index --save |
本地查看效果
继续执行以下命令,成功后可登录localhost:4000
查看效果
1
|
hexo server
|
Hexo简写命令
1 |
hexo n #new |
部署静态网页到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
同步 - 最后访问主页观察效果
域名和DNS
域名推荐
GoDaddy makes registering Domain Names fast, simple, and affordable.
【推荐理由】两个字“靠谱”,支持支付宝,附优惠码链接
http://www.godaddy.com/
http://www.gdcodecoupon.com/
DNS推荐
致力于为您提供最稳定、最安全的域名解析服务
【推荐理由】依然是两个字“靠谱”,感谢他们一直以来对于公益的坚持
设置CNAME
- 在Github的网站目录下创建
CNAME
文件 - 填写自己的域名如
hellodog.com
,保存结束 - 登录DNSPod,先添加域名,然后添加记录,设置如下
@ | CNAME | 默认 | wsgzao.github.io. | - | 10 |
www | CNAME | 默认 | wsgzao.github.io. | - | 10 |
Hexo配置修改
告诉自己为什么要选择Hexo
知识储备
1.勤学勤练Markdown
本地+云端备份数据是一种习惯
- Markdown学习路径 - http://wsgzao.github.io/post/markdown/
2.使用性感的文本编辑器
工欲善其事必先利其器
- Notepad2
- Sublime Text
http://wsgzao.github.io/post/windows/#文本编辑器
Hexo主题
选择主题建议遵循
KISS
原则
- Hexo Themes - http://hexo.io/themes/
Pacman - http://wsgzao.github.io/post/hexo-pacman/- Jacman - http://wsgzao.github.io/post/hexo-jacman/
常见问题
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/
相关推荐
My Personal Blog基于Hexo搭建的个人博客,并部署在了github上博客地址使用Travis CI自动构建
静态博客就是用户访问的页面都是相同的,而动态博客是可以登录的,每个用户看到的页面也有差别。 hexo需要Node.js支持的,所以我们首先需要安装Node.js。 https://nodejs.org/en/ 下载下来后直接全部下一步安装。 ...
Hexo 搭建个人技术博客 在线博客访问: 安装工具 nodejs [sudo apt-get install nodejs / brew install nodejs] cnpm [npm install cnpm -g] 启动服务 $ git clone https://github.com/Chester-Hee/hexo-blog.git $ ...
项目名称小憧憬的个人博客网站上手指南基于 pages与Hexo进行搭建博客网站,并不需要安装环境等。访问地址为: 优势全是静态文件,访问速度快;免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不...
Hexo + Github搭建个人静态博客 hexo出自台湾大学生tommy351之手,是一个基于Node.js的静态博客程序,其编译上百篇文字只需要几秒。hexo生成的静态网页可以直接放到GitHub Pages,BAE,SAE等平台上。 搭建过程你或许...
本仓库是的静态源码,非原作者的使用者请遵循以下原则: 不要直接clone本仓库后修改里面的html元素进而伪装成自己的网站(那么多我就不信你改的完) 可以用于参考,但是禁止抄袭 参考本网站链接时请附上参考链接 ...
可以部署于主机、VPS、Github、静态云存储(例如阿里云 OSS)。 官网:[https://docsify.js.org/#/](https://docsify.js.org/#/) docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成...
该仓库存放我使用 Hexo 框架搭建的个人博客的静态文件 博客使用 Fluid 主题,使用 utterances 评论方案,使用 markdown-it-plus 渲染器 我的博客域名为,欢迎前来讨论交流,以及欢迎与我交换友链 致谢 关于 Hexo ...
使用hexo搭建的静态博客,对自己知识的一个整理。会逐渐完善。 实践方能真知,一直在学习在看书,其实效率不高,实践才是主动学习的真理。
master分支说明主要用于备份hexo生成的文件静态文件(html),用于发布到GitHub Pages。博客构建过程和备份,可见另一个分支: 。踩坑过程1. 搭建博客之路:掉坑系列之巨坑篇我是从2019年7月22日开始搭建的,本以为一...
OS X 下使用 Hexo 和 Coding Pages 搭建静态博客 iOS 在 App 中获取 XCode 构建信息 OS X 下使用 Jekyll 和 Coding Pages 搭建静态博客 iOS 集成广点通移动 App 激活数据统计 API 上报方案 Swift UIColor 添加从十六...
近日闲来没事,打算将收藏的微博放到上,博客是基于hexo搭建在github上,因此需要将收藏的微博 导出为markdown文件,然后让hexo渲染为静态文件,这个脚本的目的就是读取收藏的微博,然后按照格式生成markdown文件。 ...
Hexo 搭建个人博客 安装全局环境 npm install hexo-cli -g 初始化项目 hexo init project && cd project 安装项目环境 npm install 启动 hexo server 新建页面 hexo new [layout] <title> 生成静态文件 hexo ...
因为不需要博客引擎中最重要的部分——MD文章生成静态页面,所以后期可直接在静态网站上进行修改。 网站搭建日志 2015年8月10日:成员墙 2015年8月11日: 加入流量统计(腾讯统计) 加入百度站长平台(SEO) 加入多...
使用了开源博客静态网页生产框架,搭建在Github上,用了自己的域名。用了博客样式。 工作三年多了,发现很多技术还是记录下来好,以后用到了,看下比较很快就能想起来,如果没有记录,之后用到只能是一知半解,像个...
最近想把闲置的域名使用起来, 于是想搭建个人博客,也为简书的博客留个副本,本来想通过hexo在GitHub托管静态博客, 后来发现静态博客的局限性很大,但 最终还是选择了wordpress wordpress是一套很成熟的建站工具, 有...
环境搭建 这个系统是基于 jekyll 搭建的,为了方便本地编辑... Hexo 是将生成后的页面放 github 中,多人编辑出现冲突时合并麻烦 我不是 FEX 团队成员,可以在这里发表文章么? 真的?可以啊,请提 pull request
技术博客项目(使用HEXO主题模版,仿DD样式) > mi-config 分布式统一配置管理中心,可解决多环境多项目配置 > mi-api 接口总线服务,提供eureka注册中心。其他模块需暴露API接口可参考此案例或者在自己子项目...
Hexo + NexT 个人博客 具体搭建过程: 目前已放弃使用,放弃的原因: 静态网站具有局限性,一些想要的东西无法实现 更换电脑、更换系统之后会很麻烦 非程序员对代码并不熟悉,改动成本过大 目前已经更换新的方案:...
:artist_palette:引言 本站建立初衷,记录...放在GitBook,Hexo的地方是它不会生成静态的.html文件,所有转换工作都是在运行时。如果你想要开始使用它,只需要创建一个index.html就可以开始文档并。 主题 关于主题,