美文网首页
Hexo与阿里云虚拟主机搭建博客

Hexo与阿里云虚拟主机搭建博客

作者: logan丶 | 来源:发表于2017-06-01 16:51 被阅读3922次

    前言

    今年3月阿里云一个虚拟主机的活动, 13块钱买了一个域名和一年的虚拟主机,然后发现这是个坑,不备案的话这个域名压根没卵用,虽然我也没想出来怎么使用它,但是既然都买了就善始善终吧,就这样,备案过程又花了15块买了幕布。拍照上传,备案成功,这样我就拥有了属于自己的网站了,哈啊哈。
    可是我还是不知道拿它有什么用啊 (⊙﹏⊙)b 就这样过了几个月, 今天突然想起来,hexo这个东西,所以

    什么是Hexo?

    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

    乃们还是直接看官网吧

    Hexo安装配置

    安装Hexo

    因为虚拟主机不需要使用git, 所以直接
    安装hexo

    $ npm install -g hexo-cli  
    

    新建一个项目

    $ mkdir newHexo
    $ cd newHexo
    $ hexo init  
    

    此时已经可以在本地看到效果了

    $ hexo server 
    

    浏览器中输入 http://localhost:4000

    Hexo 编写第一篇博客

    $ hexo new "文章标题"
    

    会在 source/_post 生成一个md文档, 使用你自己喜欢的md编辑工具打开,就可以编辑了,当然也可以直接把你在简书的文章复制过来
    需要注意的是, 使用中文名称会导致错误,但是不用担心文章标题不能为中文,在里面呢

    title: Hexo与阿里云虚拟主机搭建博客
    date: 2017-06-01 15:07:02
    tags:
    

    在你的浏览器刷新http://localhost:4000,就可以看到效果

    Hexo deploy配置与部署到虚拟主机

    发布到虚拟主机有很多方法,我们当然挑简单的来

    配置Hexo

    官方文档配置说明
    设置博客标题,作者,主题等信息已经足够详细了,我主要说一下 deploy部分,使用FTP的方式把网站内容推送到虚拟主机上

    update:

    新版hexo取消了默认安装ftpsync, 会报错 ERROR Deployer not found: ftpsync 手动安装即可

    $ npm install hexo-deployer-ftpsync --save
    
    deploy:
      type: ftpsync
      host: bxu******.my3w.com //主机地址
      user: bxu******          //用户名
      pass: *********          //密码
      remote: /htdocs          //目录,应该所有阿里云虚拟主机的网站内容目录都是这个,不是根目录 /
      port: 
      ignore: .DS_Store
      connections: 
      verbose: true 
    

    生成发布文件

    $ hexo generate
    

    此时如果你要手动部署(那我们还配置deploy搞毛用), 使用你的FTP工具直接将 public 下的文件放进 虚拟主机的 htdocs 目录下,刷新你的网站,就看到效果了

    一键发布

    $ hexo deploy
    

    刷新网站, 就可以看到你写的东西了

    欢迎访问我的博客,虽然我不会更新.

    相关文章

      网友评论

          本文标题:Hexo与阿里云虚拟主机搭建博客

          本文链接:https://www.haomeiwen.com/subject/xphzettx.html