Hexo简介

Hexo简介Hexo是什么 Hexo(中文官方网站)是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统. 安装 使用apt-get安

Hexo简介"

Hexo是什么

Hexo(中文官方网站)是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统.

安装

Hexo是基于node.js的, 所以我们在安装它之前需要用到npm安装工具, 这个工具是 node.js 安装包的工具, 所以, 我们先要安装 node.js.

使用apt-get安装 nodejs.

$ sudo apt-get install -y nodejs

安装 npm

已经安装好了nodejs, 现在安装npm.

$ sudo apt-get install npm

安装 Hexo

现在我们使用npm安装hexo.

$ sudo npm install hexo-cli -g

创建Blog

现在我们已经完成hexo的安装, 那么现在我们来创建一个Blog.

1. 创建一个叫blog网站

$ hexo init blog

  • 如果不写blog, 就会在当前目录进行初始化. 如果后面跟了名子就会创建目录并在目录进行初始化操作, 以这个名子为目录名.

2. 我们进入创建的blog目录里. 并运行该服务.

$ cd blog
$ npm install
$ hexo server

3. 打开浏览器, 在地址栏输入http://localhost:4000/可以看到我们刚刚创建的blog首页.

4. 修改blog目录下的_config.yml配置文件将网站自部署到Github上.

$ vim _config.yml —> [在最后一行增加] ————————————- deploy: type: git repo: https://github.com/github-name/github-name.github.io.git branch: master

  • 注意在type前面需要增加两个空格, 在type的冒号后面需要增加一个空格. 请保持代码风格一致. 否则会出现错误或是不正确的问题.

  • 注: 如果没有github的可能参考另一篇关于github创建个人网站的文章.

5. 安装部署使用到的git插件.

在这里我们使用的是git源码管理工具, 所以, 我需要安装git包进行部署, 安装这个插件才能使用git进行自动部署

$ npm install hexo-deployer-git --save

6. 进行生成网站

当我们部署网站前, 需要先生成静态网站. 它会自动在目录下创建public的目录, 并将新生成的网页存放在这个目录里.

$ cd blog
$ hexo g

7. 进行自动部署网站, 注意部署前需要重新生成网站, 每一次修改后都需要重新生成网站并进行部署, 生成网站前第6步.

$ hexo d

如果在部署出现错误信息如果下: 请参考第5步, 需要安装git插件

ERROR Deployer not found: git

8. 如果上面都顺利完成了, 恭喜你, 你已成功的完成的网站的部署, 这时打开你的浏览器.输入你的网站吧.

9. 参考官方文档进行开始新的旅程吧.

参考文献


今天的文章Hexo简介分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/55735.html

(0)
编程小号编程小号
上一篇 2023-08-27 15:06
下一篇 2023-08-27 15:17

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注