阿里云虚拟主机+Hexo 零基础搭建个人博客--简单易学
2016-12-16 00:00
696 查看
曾经有Hexo+Github搭建过博客,不用任何花费,傻瓜式操作,有丰富的主题,支持Markdown,同时集成了代码管理,确实很方便.但是...,天朝你懂的,访问速度不敢恭维...于是注册了个白菜价域名,租了个免费的阿里云虚拟主机,成功把Hexo上的项目迁移的到虚拟主机上.废话不多说,教程马上开始.....
####适合人群
是个开发人员都行,不要是前端工程师(我是一名iOS工程师前端略知一二)
想搭建一个技术博客的人(真心别搞太多,没那么多精力去搞)
####环境安装
node.js
git
Hexo 是一个基于 Node.js 快速、简洁且高效的博客框架,可以将 Markdown 文件快速的生成静态网页
Hexo 的中文官网:http://hexo.io/zh-cn/
配置与部署
可以看到生成的目录
本地启动
浏览器输入 http://localhost:4000 就可以看到效果
已经成功一半~(≧▽≦)/~啦啦啦
主题及其他配置 请查看文档
##注册域名 申请服务器
上阿里云 万网注册个域名 不是国内域名不需要备案哈哈
选一个普惠版云虚拟主机
这样就申请成功啦!
然后在进入控制台,把域名指向服务器地址
链接一下服务器看看上面都有啥
用FTP工具(我用的是Yummy FTP Watcher) 连上服务器
填入参数 和需要同步的文件夹 保存
稍等片刻 上传成功
来看看成果 速度杠杠滴 再也不用忍受翻墙的痛苦了.
点这个里!
以后就可以使用Hexo 和markdown 现在本地写好文章 然后执行
同步到服务器 就好啦!
####适合人群
是个开发人员都行,不要是前端工程师(我是一名iOS工程师前端略知一二)
想搭建一个技术博客的人(真心别搞太多,没那么多精力去搞)
####环境安装
node.js
git
Hexo 是一个基于 Node.js 快速、简洁且高效的博客框架,可以将 Markdown 文件快速的生成静态网页
Hexo 的中文官网:http://hexo.io/zh-cn/
hexo 安装
打开终端输入npm install -g hexo-cli
配置与部署
hexo init <文件夹名字> cd <文件夹名字> npm generate
可以看到生成的目录
本地启动
hexo server
浏览器输入 http://localhost:4000 就可以看到效果
已经成功一半~(≧▽≦)/~啦啦啦
主题及其他配置 请查看文档
##注册域名 申请服务器
上阿里云 万网注册个域名 不是国内域名不需要备案哈哈
选一个普惠版云虚拟主机
这样就申请成功啦!
然后在进入控制台,把域名指向服务器地址
链接一下服务器看看上面都有啥
用FTP工具(我用的是Yummy FTP Watcher) 连上服务器
填入参数 和需要同步的文件夹 保存
稍等片刻 上传成功
来看看成果 速度杠杠滴 再也不用忍受翻墙的痛苦了.
点这个里!
以后就可以使用Hexo 和markdown 现在本地写好文章 然后执行
hexo g 生成静态页面
同步到服务器 就好啦!
前后花费不到10块软妹币!
欢迎打赏 点赞,收藏,关注博主 iOS技术交流群 482478166相关文章推荐
- 如何使用阿里云虚拟主机搭建博客(三)设置篇
- 如何使用阿里云虚拟主机搭建博客(二)搭建篇
- 配置Tomcat监听80端口,配置Tomcat虚拟主机,使用zrlog搭建个人博客,Tomcat日志
- 用阿里云独享虚拟主机搭建个人网站
- 如何使用阿里云虚拟主机搭建博客(二)搭建篇
- 零基础免费搭建个人博客-hexo+github
- 零基础免费搭建个人博客-hexo+github
- 资讯精选 | 如何使用阿里云虚拟主机搭建博客
- 阿里云域名+老薛主机 搭建个人博客网站 小结
- 如何使用阿里云虚拟主机搭建博客(三)设置篇
- 如何使用阿里云虚拟主机搭建博客(一)初识篇
- 如何使用阿里云虚拟主机搭建博客(一)初识篇
- github+hexo搭建个人博客(1.简单搭建)
- github+hexo+阿里云搭建个人博客
- 如何使用阿里云虚拟主机搭建博客(四)终结篇
- 在虚拟主机上 搭建个人博客
- 如何使用阿里云虚拟主机搭建博客(四)终结篇
- 零基础免费搭建个人博客-hexo+github
- 零基础免费搭建个人博客-hexo+github
- 搭建个人博客 - 基础(Hexo + NexT)