资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/博客从WordPress迁移到Hexo

博客从WordPress迁移到Hexo

caspar / 2658人阅读

摘要：既然对感觉不错，那为什么要把博客从迁移到上呢。可以参考此文档进去可以选择中文安装所有必备的应用程序安装完成后，即可使用安装。插件安装完成后，执行下列命令来迁移所有文章。部署代码到清除缓存文件和已生成的静态文件。

偶然的机会看到了Hexo，就深深被吸引了，加载速度快，支持Makedown,还支持部署到Github上。作为一位PHP程序员，之前的博客用的是PHP开发的WordPress,其实感觉WordPress也不错，找了个漂亮的WordPress模板，加上七牛的CDN缓存，速度上，还算满意。既然对WordPress感觉不错，那为什么要把博客从WordPress迁移到Hexo上呢。第一，好奇，以前就经常听说Node.js有多么多么好，要把PHP给替代掉什么的，虽然Node.js的作用只是用来生成静态页面的，但可以感觉到，生成速度的确快；第二，支持Makedown，早就想学习Makedown了，正好边写博客，边学Makedown；第三，支持部署到Github上，以前WordPress都是部署到阿里云的云服务器ECS上的，还多带带买了一个云数据库RDS，一个月得一百多块的花销，现在可以免费地放在Github上，省了一百多块钱，何乐而不为呢，哈哈。。不罗嗦了，直接上步骤。。

配置环境

1.安装Node.js
Centos之类的,yum install nodejs && sudo yum install npm
Mac OS X系统,使用brew install node 安装一下
如果需要源码安装，可以去Node官网下载,然后编译安装
2.安装git
和上面一样，yum或brew或源码安装一下，这里就不再多说。可以参考此文档:https://git-scm.com/book/en/v2/Getting-Started-Installing-Git 进去可以选择中文,

安装Hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

npm install -g hexo-cli  
npm install hexo-server --save
使用Hexo 
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

浏览器输入http://localhost:4000
效果图如下:

更换主题与配置

默认的主题不是特别好看，我们可以在Hexo官网的主题页选择自己喜欢的主题，我选的是yilia。
1.安装

cd blog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
cd themes/yilia
git pull

2.主题修改配置
修改blog目录下的 _config.yml ： theme: yilia

3.yilia配置

cd blog/theme/yilia
vim _config.yml

然后根据里面的提示填写就行了，这里就不多说了。里面有个多说的配置，litten可能有点没说清楚，其实填写的是多说站点设置里的多说域名你填写的部分。


我这里如下填写：

duoshuo: jsyzchen

4.添加Share.js

Share.js 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等

编辑yilia目录下的_config.yml

#是否开启分享
share_jia: false
share_addthis: false
share_social: true   #这里添加Share.js的开关

编辑yilia/layout/_partial/head.ejs文件，加入代码

<% if (theme.share_social){ %>
<%- css("https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.13/css/share.min") %>
<% } %>

进入yilia/layout/_partial/post目录，添加share_social.ejs文件,代码如下

编辑yilia/layout/_partial/article.ejs文件，找到theme.share_jia和share_addthis的位置，把加载social-share的代码放在与他们同级的位置

<% if (!index && theme.share_social){ %>
<%- partial("post/share_social") %>
<% } %>
WordPress迁移

现在我们将WordPress的文章迁移到Hexo，如果你不需要迁移，跳过即可。
首先，安装 hexo-migrator-wordpress 插件。

npm install hexo-migrator-wordpress --save

在 WordPress 仪表盘中导出数据(“Tools” → “Export” → “WordPress”)（详情参考WP支持页面）。
插件安装完成后，执行下列命令来迁移所有文章。source 可以是 WordPress 导出的文件路径或网址。

hexo migrate wordpress

完成之后可以

hexo server

浏览器输入http://localhost:4000 查看效果

配置Github

1.申请GitHub
GitHub直接申请一下就好了。

2.新建Repository(仓库)

登陆Github账号后，点击右上角的“+”号按钮，选择“New repository”

在Create a new repository界面填写格式如下图所示: 用户名.github.io，固定写法

3.设置你的git用户名和密码

Git会根据用户的名字和邮箱来记录提交，GitHub也是用这些信息来做权限的处理。
git config --global user.name"这里是你申请Github账号时的name"
git config --global user.email"这里是你申请Github账号时的邮箱"

3.SSH配置

SSH配置，有些麻烦。可以参考此文档：https://git-scm.com/book/en/v2/GitHub-Account-Setup-and-Configuration,进去可以选择中文,还是比较详细的。
4.部署

进入blog目录下,编辑 _config.yml，把下面的your_username换成你的github用户名，注意冒号后面有一空格。

deploy:
    type: git
    repo: https://github.com/your_username/your_username.github.io.git
    branch: master
部署代码到Github

1.清除缓存文件 (db.json) 和已生成的静态文件 (public)。

hexo clean

2.生成静态文件

hexo generate

3.部署

 hexo deploy

上面2、3两个命令可以合起来

hexo d -g

如果你此时没有看到一大段执行代码，一般是SSH配置有误。
如果成功了，你进入Github repository,就是your_username.github.io是有代码的
此时，你在浏览器里输入http://your_username.github.io 就可以看到你的博客了

效果展示

我的WordPress和Hexo博客对比图:
1.原来的WordPress

2.如今的Hexo

怎么感觉变丑了呢，没事，能省钱就好了，哈哈。。

绑定域名

虽然使用your_username.github.io可以直接访问博客，但如果你想用自己的域名打开博客。
1.域名解析

进入你的域名解析管理控制台，设置主机记录@，类型A，到IP 192.30.252.153(GitHub IP)。
我用的是万网,设置如下:

2.GitHub设置

在github项目中，blog/source目录下,新建一个文件CNAME，文件中写出你要绑定的域名,比如我的是jsyzchen.com

3.部署更新文件

hexo clean
hexo g -d

然后在浏览器输入你绑定的域名就可以看到你的Hexo博客了

性能优化

所谓的性能优化，也就是把能一些图片,js,css放入cdn里,这样的话加载速度会大大加快，我这里推荐的七牛云存储,它有免费的额度，一般像博客这样的系统文件不会超的，而且七牛的CDN挺不错的，加载速度挺快。至于如何设置，可以查看七牛的帮助文档，你可以使用七牛的镜像存储，这样你就不需要把你的文件一个一个地往七牛存了，你可能还需要改些你选择主题的源码，就是把它以前调的图片，js，css地址改为CDN的访问地址就行了，这里不在啰嗦了。

文档推荐

1.Hexo官方文档: https://hexo.io/zh-cn/docs/
2.Git文档,里面有Git介绍、安装和使用等等，GitHub讲解也有: https://git-scm.com/doc
3.Node.js官网: https://nodejs.org
4.MakeDown语法中文版: http://www.markdown.cn/

参考文章

1.HEXO+Github,搭建属于自己的博客
2.hexo--搭建
3.Hexo在github上构建免费的Web应用

为了更好的交流，可以加QQ群：415183844

码字不容易,转载请注明原地址，Jsyz Chen的博客：http://jsyzchen.com/2016/04/30/blog-wordpress-to-hexo/ 谢谢！

云服务器 GPU云服务器 从oracle迁移到mysql wordpress迁移到阿里云服务器 从腾讯云迁移到本地服务器 PPAS 从oracle迁移到mysql

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/21629.html

相关文章

  • 开通个人博客啦，附上Vultr+WordPress建站全面指南

    摘要：网上搜搭建博客可以搜到很多方式，主要有以下几种使用是其中最轻便和简单的，但不选择的原因是我个人的一个原则一堆选择中，永远不要选最容易达到的目标，经验告诉我，一开始轻松的事，后面遇到很难，一开始选择难的，后面。。。 历时一个月，终于搭起个人博客，并且将以前的文章都迁移到新的网站了，其中还经历了迁移wordpress的问题，网上虽然关于wordpress的问题解答有很多，但是有些不适用，也...

    oogh 评论0 收藏0

  • 技术存档：建站（一）

    摘要：自建主要花费在购买云服务器上和静态资源托管上，剩余工作一力承担。 写这系列文章的初衷是：对自己知识面广度和深度的确定，并以此调整后续的发展和学习方向。希望能达到温故而知新的效果。 选择从建站入手，是因为这个是最常见的要求。对于公司而言，网站是展示公司主旨、业务、沟通方式、宣传营销的必选方案，一个符合公司形象的高质量官网，必然能让客户留下良好的第一印象。，对个人而言，博客是表达其特有的思...

    chnmagnus 评论0 收藏0

  • Hexo折腾记

    摘要：前言博主之前也有折腾和可对于一个前端来说，让人没法尽兴，因为不知道该如何添加自己的代码。下面记录博主搭建的整个过程。若这两个条件满足，则创建一个目录的。 如果时间可以静止，我希望就停在此刻。 前言 博主之前也有折腾wordpress和jekyll可对于一个前端er来说，wordpress让人没法尽兴，因为不知道该如何添加自己的代码。而jekyll就太麻烦了每一次都需要重新提交，而且样式...

    RaoMeng 评论0 收藏0

  • Hexo博客迁移之旅（Coding到腾讯云COS）+ Travis CI持续集成

    摘要：博客从迁移到腾讯云最近的服务一直不稳定，这两天访问还出现，重新部署也无法解决。码云自定义域名收费，只好迁移到腾讯云上了。不会配置的可以参考官方示例直接就发布到腾讯云上了，访问速度相当快，对也好。 Hexo博客从Coding迁移到腾讯云COS 最近coding的Pages 服务一直不稳定，这两天访问还出现404，重新部署也无法解决。国内访问GitHub Pages 不是很快，而且百度S...

    blastz 评论0 收藏0

  • Hexo博客迁移之旅（Coding到腾讯云COS）+ Travis CI持续集成

    摘要：博客从迁移到腾讯云最近的服务一直不稳定，这两天访问还出现，重新部署也无法解决。码云自定义域名收费，只好迁移到腾讯云上了。不会配置的可以参考官方示例直接就发布到腾讯云上了，访问速度相当快，对也好。 Hexo博客从Coding迁移到腾讯云COS 最近coding的Pages 服务一直不稳定，这两天访问还出现404，重新部署也无法解决。国内访问GitHub Pages 不是很快，而且百度S...

    _ang 评论0 收藏0

发表评论

登陆后可评论

0条评论

caspar

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<