Hexo 是高效的静态站点生成框架,她基于 Node.js。通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令创建了一个站点。
搭建博客
创建Github仓库
在Github页面的右上方选择New repository进行仓库的创建
1 | my-name.github.io |
安装配置Hexo
下载安装Hexo
1 | npm install -g hexo-cli |
初始化Blog
1 | hexo init blog |
下载dependencies
1 | cd blog |
站点配置(blog/_config.yml)
1 | title: my-title |
添加标签页面
1 | hexo new page "tags" |
编辑页面(blog/source/tags)
1 | type: "tags" |
添加评论系统
1 | disqus: |
添加NexT主题
下载主题
1 | git clone https://github.com/iissnan/hexo-theme-next themes/next |
启用主题(blog/_config.yml)
1 | theme: next |
选择Scheme(blog/themes/next/_config.yml)
1 | #scheme: Muse |
设置头像(blog/themes/next/_config.yml)
avatar放置在blog/themes/next/source/images/目录下
1 | avatar: /images/avatar.jpg |
设置昵称
1 | author: my-name |
站点描述
1 | description: 总有刁民想害朕 |
本地测试
本地发布
1 | hexo server |
远程测试
部署到Github
生成网站静态文件到默认public文件
1 | hexo generate |
自动生成静态文件并部署到设定的仓库
1 | hexo deploy |
发表文章
新建文章
1 | hexo new "my-first-article" |
编辑文章(blog/source/_posts)
1 | retext my-first-article.md |
提交到远程
1 | hexo generate |