Hexo
是一个快速、简洁且高效的博客框架。Hexo
使用 Markdown
(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页
。
系统环境配置
要使用Hexo
,需要安装Nodejs
以及Git
安装Node.js
安装Git
安装Hexo
1 | npm install hexo-cli -g |
- hexo generate (
hexo g
) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹 - hexo server (
hexo s
) 启动本地web服务,用于博客的预览 - hexo deploy (
hexo d
) 部署播客到远端(比如github, heroku等平台)
部署本地博客
- 在任意盘下创建自己的博客文件夹(我是d:\blog)
- 鼠标右键 blog,选择 Git Bash Here。 如果没有安装 Git,就不会有这个选项。
- Git Bash 打开之后,所在的位置就是 blog 这个文件夹的位置(/d/blog)
- 输入 hexo init 将 blog 文件夹初始化成一个博客文件夹
- 输入 npm install 安装依赖包。
- 输入 hexo g 生成(generate)待发布网页。
- 输入 hexo s 将生成的网页放在了本地服务器(server)。
- 浏览器里输入 http://localhost:4000/ 。 就可以看到刚才的成果了。
发表文章
- 输入 hexo new “My-First-Post” 或者 在D:\blog\source_posts 路径下,新建 My-First-Post.md 的文件。 因为生成的文章文件基本都在这里.
- 重新输入 hexo g 重新生成静态文件
- 输入 hexo s 启动本地服务器
- 浏览器里输入 http://localhost:4000/查看新建的文章
Github Pages设置
GitHub Pages
本用于介绍托管在GitHub的项目,每个帐号只能有一个仓库来存放个人主页,而且仓库的名字必须是username/username.github.io
,这是特殊的命名约定。你可以通过http://username.github.io 来访问你的个人主页。
- 注册 Github 账号,然后在 Github 中创建一个以username.github.io结尾的 Repository,其中username是你名字。
- 然后就可以在浏览器中通过https://username.github.io 直接访问你的网页了。
部署线上
现在我们已经有了本地的Hexo的博客文件和Gitpage,现在只需要将文件部署上去便可以通过网页访问了。其部署的操作也非常简单
1.获取Repository的链接
- 登录github,进入刚才我们建立Gitpage的Repository
- 点击Clone or download,复制链接
2. 修改blog的配置文件
- 打开blog文件夹中的_config.yml(不要用记事本)
- 找到#Deployment,填入以下内容:
1 | deploy: |
3. 部署
- 回到git bash
- 输入npm install hexo-deployer-git –save
- 输入 hexo d
- 得到 INFO Deploy done: git 即为部署成功
- 然后就可以在浏览器中通过https://username.github.io 看部署的效果了。在配置文件里可以修改网站的名字等一些东西,具体可以参考官方文档Hexo配置,主要就是修改Site里面的一些描述。
更多next主题优化功能,可以参考以下链接
参考链接
最全Hexo+Next搭建博客教程
简明Github Pages与Hexo教程
手把手教你使用Hexo + Github Pages搭建个人独立博客
在Github上面搭建一个自己域名的Hexo博客
hexo的next主题个性化教程:打造炫酷网站
Gitpage + Hexo搭建个人博客
基于hexo搭建个人免费博客——从零开始
打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化