Hexo 初体验
一个快速、简洁且高效的博客框架
无意之中打开了一个非常精致且画面感十足的个人博客网站,页面简洁却功能又很丰富,相比于已存在的CSDN、简书、博客园等,它去除了很多无用的东西,尤其是广告,更注重的是文章内容的输出,而且搭建一个只属于自己的博客网站,自由度更高。
Hexo 的优点
- Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染
- Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件
- 只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台
- 强大的 API 带来无限的可能,与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成
准备工作
安装 Hexo
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo
npm i hexo-cli -g
安装完成后可以使用hexo -v
查看版本
在所需要创建myblog
文件的目录下运行以下命令:
hexo init myblog
然后切换到myblog
目录下,进行依赖包的安装
npm i
新建完成后,指定文件夹的目录如下:
- node_modules: 依赖包
- scaffolds:生成文章的一些模板
- source:用来存放你的文章
- themes:主题 文件夹。Hexo 会根据主题来生成静态页面
- _config.yml: 网站的配置信息,您可以在此配置大部分的参数
- package.json 应用程序的信息
运行命令:
npm run server 或 hexo server
在浏览器输入localhost:4000就可以看到你生成的博客了,安装hexo时会自带一个默认主题,在hexo官网上有很多开放主题选择,npm安装完相关主题后,在_config.yml配置文件里修改theme
成对应的主题名,推荐一款简洁好看的主题butterfly
默认主题:
使用 Github 进行站点部署
- 注册 github 账号
- 新建 username.github.io 仓库(选择公开, username 指github账号用户名)
- 复制仓库链接(https 或 ssh, ssh需要上传使用git生成的密钥到仓库ssh秘钥进行设置)
- 打开 _config.yml,修改底部的deploy配置项:
deploy:
type: git
repo:
github: git@github.com:username/username.github.io.git,main
- 把本地hexo博客内容提交到git仓库:
npm run clean
npm run build
npm run deploy
或
hexo clean
hexo generate
hexo deploy
可以在浏览器上输入https://username.github.io访问你的博客了