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

前言

今年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与阿里云虚拟主机搭建博客)