点击标题下「蓝色微信名」可快速关注
很多人有了自己的博客,于是利用Hexo静态博客框架和Github搭建了一个,下面把详细的教程分享给大家。
Hexo是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统。
一.Git下载
下载地址:
https://git-for-windows.github.io/
对于git相信不用我多说,如果还不会git的话,还是结合github先学一下吧。
二.Node.js下载
下载地址:
https://nodejs.org/en/
直接默认安装就可以了。
三.配置Github
1.注册github账号,建立库,并且库名必须是yourname.github.io,yourname是你github的用户名。
2.在_config.yml进行配置
四.安装Hexo
1.利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash
然后输入命令:
npm install -g hexo
如果显示的事command not found,那就删除刚才安装的目录,再次执行上面的命令。
五.初始化Hexo
1.在某一个盘上创建名为一个文件夹,(比如在D盘创建名为Hexo的文件夹)
2.在Hexo文件夹下,运行Git Bash,输入命令:hexo init (一定要在你刚才创建的文件夹下运行)
安装依赖包 输入此命令: npm install
3.生成静态页面,输入此命令:
hexo g
本地启动
启动本地服务,输入此命令:
hexo s
输入完成后,打开浏览器输入http://localhost:4000
如果成功的话会显示如下页面:
但是也有可能报如下错误:
fatal: unable to access 'https://github.com/*/*.github.io.git/': Failed to connect to github.com port 443: Timed out FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html Error: fatal: unable to access 'https://github.com/*/*.github.io.git/': Failed to connect to github.com port 443: Timed out
解决方法为:
将hexo配置文件——config.yml中repo里更改为
https://用户名:密码@新建github库的地.git然后就可以了。
如果是第一次,然后执行命令:
npm install hexo-deployer-git --save
然后再执行
hexo d
然后再浏览器中输入http://yourname.github.io/就行了,yourname是你的github的账户名,至此博客就基本搭建完成了。
附加:如果出现ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解决方法: npm install hexo-deployer-git --save
4.部署步骤
以后每次部署的步骤,可按以下三步来进行。
hexo clean
hexo g
hexo d
5.常用命令
简写
hexo n "我的博客" == hexo new "我的博客" #新建文章 hexo p == hexo publish hexo g == hexo generate#生成 hexo s == hexo server #启动服务预览 hexo d == hexo deploy#部署
服务器
简写 hexo server #Hexo 会监视文件变动并自动更新,您无须重启服务器。 hexo server -s #静态模式 hexo server -p 5000 #更改端口 hexo server -i 192.168.1.1 #自定义 IP hexo clean #清除缓存 网页正常情况下可以忽略此条命令 hexo g #生成静态网页 hexo d #开始部署
此文章只是简单的搭建,接下来我会持续更新的关于博客配置的一系列文章。
推荐阅读
相关推荐
"hexo+github"的组合就是一种非常流行的搭建个人博客的方式。Hexo是一个基于Node.js的静态站点生成器,它能够将文本内容转化为静态网页,而GitHub则是一个面向开源及私有软件项目的托管平台,支持Git版本控制系统。...
Hexo配合Github Page可以快速搭建一个美观、性能优越的个人博客系统。 在搭建博客的过程中,首先需要掌握git的基本操作。Git是一个开源的分布式版本控制系统,可以高效地进行代码版本管理。Git可以帮助我们记录每次...
"Hexo + GitHub Page 实现搭建博客"的主题旨在介绍如何利用Hexo静态站点生成器和GitHub提供的免费托管服务GitHub Page来创建一个自己的在线博客。下面将详细阐述这一过程中的关键步骤和涉及的技术知识点。 首先,...
配合GitHub Pages服务,个人可以轻松搭建属于自己的博客。在本压缩包中,"blog"可能包含了博主整个博客项目的所有文件,包括配置、主题、文章源文件等。下面将详细阐述Hexo和GitHub搭建个人博客的过程及关键知识点。...
标题中的“Hexo+github”指的是使用Hexo框架与GitHub Pages服务来搭建个人博客的知识点。Hexo是一个快速、简洁且高效的博客框架,基于Node.js,可以帮助用户轻松地创建和管理个人博客。GitHub Pages是GitHub提供的一...
Hexo是一个快速、简洁且高效的静态站点生成器,它可以帮助我们轻松地搭建个人博客。而将Hexo与GitHub Pages结合使用,我们可以免费托管我们的博客,同时享受到GitHub提供的稳定服务。 【描述】:“请点击页面顶部靠...
【Hexo + Yilia 主题】是用于快速搭建个人博客的一种解决方案。Hexo 是一个基于 Node.js 的静态站点生成器,它能够将内容转化为静态页面,便于发布在各种托管服务上,如 GitHub Pages。Yilia 是 Hexo 的一个美观、...
对于前端开发者来说,GitHub Pages是展示作品、发布博客、甚至搭建个人简历的理想平台。与Hexo结合使用时,只需要在项目的配置文件 `_config.yml` 中设置正确的部署源,就可以实现一键部署到GitHub Pages。 在文件...
【Hexo + GitHub 页面:...总结,利用 Hexo 和 GitHub Pages,你可以快速搭建出属于自己的个性化博客。随着对 HTML 和 Hexo 的深入理解,你可以不断优化博客,提升用户体验,使其成为展示自我、交流思想的优质平台。
Hexo 是一个快速、简洁且高效的博客框架,它允许用户通过简单的 Markdown 语法撰写文章,然后自动生成静态网页。GitHub Pages 是 GitHub 提供的一项免费服务,用于托管静态网站,包括个人博客。 在构建这个博客的...
通过GitPage,用户可以将Hexo生成的静态文件推送到GitHub仓库,然后通过个性化的域名访问自己的博客。使用GitPage的好处在于,它提供了版本控制,便于管理博客内容,同时还能利用GitHub的全球CDN加速访问速度。 在...
Hexo是一个快速、简洁且高效的静态博客框架,配合GitHub Pages可以轻松创建个人博客。首先安装Hexo,然后配置博客主题,最后使用`hexo generate`生成静态页面,`hexo deploy`推送到GitHub。 希望这些内容能帮助你...
它允许开发者快速搭建个人博客,并且能够方便地部署到GitHub Pages,从而实现一个无需服务器成本的Web应用。Hexo的主要优势在于其轻量级的结构、高效的生成静态页面的能力以及丰富的主题和插件生态系统。 1. **Hexo...
它基于Node.js,能够快速生成静态网页,同时提供了丰富的主题和插件支持,使用户可以轻松定制出符合自己风格的博客界面。 首先,我们需要安装必要的环境。确保电脑上已经安装了Node.js,因为Hexo依赖于它。然后,...
Hexo是一个基于Node.js的静态站点生成器,它可以帮助我们快速、高效地创建博客,而Butterfly主题以其美观、响应式的设计,为个人博客增添了专业感。 首先,我们需要确保已安装了Node.js。Node.js是运行Hexo所必需的...
通过这个项目,开发者可以学习到如何搭建自己的技术博客,同时获取到丰富的 Android 相关知识、设计模式实践以及基础算法的理解,这对于个人技术成长和职业发展都非常有益。在 `git-single-lee.github.io-master` ...
通过将Markdown格式的文本转换为静态HTML页面,Hexo提供了快速、简洁且高效的博客搭建方式。在GitHub Pages上托管Hexo博客,用户可以免费享受全球CDN分发的静态网页服务。 首先,让我们详细了解Hexo的基本使用流程...
- **Hexo**是一款快速、简洁且高效的博客框架,基于Node.js开发,适合那些希望专注于写作并快速发布内容的用户。 - **用途**:主要用于搭建个人博客或文档网站,支持Markdown语法,方便快捷地生成静态网页。 2. *...
【描述】:“唐巧的博客是基于Hexo和GitHub搭建的,同时还使用了自动化发布工具。” 从描述中我们可以了解到,唐巧不仅利用了静态网站生成器Hexo来管理和格式化博客内容,还结合了GitHub Pages这一免费的静态站点...