[建站综合技术] 宝塔面版配置Hexo静态博客的详细方法

[复制链接]
查看: 1702|回复: 0

15

主题

15

帖子

65

积分

注册会员

Rank: 2

积分
65
发表于 2019-12-23 12:15:59 | 显示全部楼层 |阅读模式
hexo 可以理解为是基于node.js制作的一个博客工具,不是我们理解的一个开源的博客系统。其中的差别,有点意思。
hexo 正常来说,不需要部署到我们的服务器上,我们的服务器上保存的,其实是基于在hexo通过markdown编写的文章,然后hexo帮我们生成静态的html页面,然后,将生成的html上传到我们的服务器。简而言之:hexo是个静态页面生成、上传的工具。

那么在宝塔面板部署hexo博客之前,你得有一台云服务器,这里推荐阿里云服务器新客1折秒杀活动腾讯云服务器新用户1折抢购活动,1核2G云服务器89元/年;2核4G云服务器799元/3年。
云服务器准备好后,安装宝塔面板,宝塔面板安装方法参考:宝塔Linux面板安装教程

宝塔面板安装好后,就开始基于hexo博客的搭建之旅了:
1.node.js +nvm环境配置
为了尽可能发挥所谓宝塔面板的作用,所以使用宝塔面板软件管理提供的pm2管理器来配置node环境。
3.png
暂时你不需要管PM2管理器的作用,你只需要知道PM2管理器自带node.js+nvm环境就行了。
当然PM2管理器还有其他高级作用,比如可以让hexo 进程常驻后台,等着我日后更新PM2的使用。
我们这儿只需要知道它帮我们配置好了node.js+nvm环境就行了。
安装完可以使用
  1. node  -v
  2. nvm -v
复制代码

来检查node 和nvm的安装状态和版本
       2.安装Git
然后根据官网的文档,我们还需要安装git,只是我们发布到github,码云等代码托管平台必备的工具。
安装代码如下:
  1. sudo apt-get install git-core
复制代码

然后你可以使用git version来检查安装版本和状态
3.安装hexo
使用如下命令即可安装:
  1. npm install -g hexo-cli
复制代码

因为我已经安装过,就不再重新安装发图了。
安装完后,会有如下提示
  1. root@go-PC:/# npm install hexo-cli -g
  2. /www/server/nvm/versions/node/v10.15.3/bin/hexo -> /www/server/nvm/versions/node/v10.15.3/lib/node_modules/hexo-cli/bin/hexo
  3. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules/hexo-cli/node_modules/fsevents):
  4. npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.8: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})+ hexo-cli@1.1.0
  5. added 225 packages from 434 contributors in 34.053s
复制代码

然后为了使用全局设置,可以设置如下软链接,这样hexo 命令可以全局可用。
  1. $ sudo ln -s /www/server/nvm/versions/node/v10.15.3/lib/node_modules/hexocli/bin/hexo

  2. $ hexo /usr/local/bin/hexo
复制代码

如果不设置可能会出现找不到命令的情况。
4.新建网站
  1. $ hexo init <folder>//这儿是网站的初始目录,最好事先建好,这个我为了统一,放到了/www/hexo目录,
  2. $ cd <folder>
  3. $ npm install//安装
复制代码

注意事项,为了方便使用可以使用把他面板把/www/hexo目录设置成权限777。因为宝塔目录权限是755,我们如果不使用root用户的话,是没有权限写入和删除的。
5.使用
这时候我们就基本完成建设的过程了。具体的配置,大家可以去官方文档看,毕竟太多,不方便写文章。链接如下:
  1. https://hexo.io/zh-cn/docs/setup
复制代码

我主要说一下,我们怎么立马见到hello world ,也就是我们的静态网站。
hexo generate 或者使用hexo g
就会生成静态网站,位于hexo 目录 public 目录,这里边就是我们的网站
然后 hexo server 或者hexo  s 就可以本地预览你的网站。
5.部署在宝塔面板
这个大家应该很熟悉了,操作行云流水。
设置完后才能之后,就可以享受你的网站了,速度行云流水。



腾讯云
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精彩图文



在线客服(工作时间:9:00-22:00)
400-600-6565

内容导航

微信客服

Copyright   ©2015-2019  云服务器社区  Powered by©Discuz!  技术支持:尊托网络     ( 湘ICP备15009499号-1 )