Hexo 初体验

Hexo 初体验

一个快速、简洁且高效的博客框架

无意之中打开了一个非常精致且画面感十足的个人博客网站，页面简洁却功能又很丰富，相比于已存在的CSDN、简书、博客园等，它去除了很多无用的东西，尤其是广告，更注重的是文章内容的输出，而且搭建一个只属于自己的博客网站，自由度更高。

Hexo 的优点

1. Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染
2. Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件
3. 只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台
4. 强大的 API 带来无限的可能，与数种模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）轻易集成

准备工作

• 安装Git
• 安装Node.js

安装 Hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo

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 进行站点部署

1. 注册 github 账号
2. 新建 username.github.io 仓库（选择公开， username 指github账号用户名）
3. 复制仓库链接（https 或 ssh, ssh需要上传使用git生成的密钥到仓库ssh秘钥进行设置）
4. 打开 _config.yml,修改底部的deploy配置项：

    deploy:
    type: git
    repo:
        github: git@github.com:username/username.github.io.git,main

5. 把本地hexo博客内容提交到git仓库：

    npm run clean
    npm run build
    npm run deploy

    或

    hexo clean
    hexo generate
    hexo deploy

可以在浏览器上输入https://username.github.io访问你的博客了