SAE+WordPress快速搭建个人博客
前些天一时冲动,买了个域名,我想总不能放着不用吧,干脆就搭建了一个个人博客。下面我把搭建的过程分享给大家。注意,此文并不是攻略,只是为了记录下这个从无到有的过程,当然,假如解决了你的疑惑,那当然是极好的。
前期准备:注册SAE,并申请实名认证。
使用微博账户登录SAE就行了,然后最好申请一下实名认证,否则的话别人访问你的SAE网站时,最上方会有一个“此网站所属人未经实名认证,以防上当受骗”之类的提示条,很碍眼。
创建应用:配置博客平台。
在这篇博客发表的近几天,SAE的管理系统进行了一次大的升级,页面结构都变了,为了与时俱进,我又操作了一遍,配图说明更形象。
*域名是唯一的,SAE会免费提供一个二级域名。
*开发语言和框架选择PHP5.3,wordpress for sae,如上图所示。
最后点击最下方的创建应用,稍等片刻弹出创建成功提示,然后点击提示窗口的“点此进入初始化页面”进行WordPress的初始化工作。
填写完成后,点击安装WordPress按钮,WordPress瞬间就初始化完毕了。上面填写的站点标题,用户名,密码等信息都是可以修改的,所以不必过于小心翼翼。
个性化博客:更换主题,增加个性化插件。
进行完上面简单的步骤后,通过domin.sinaapp.com,domin
是你刚才新建SAE应用时填写的域名,就可以访问你的博客了。
这个时候博客可以正常使用,但是并不个性化,也并不是特别好用。接下来需要进行一些调整(此调整因人而异)。
1.为了减少SAE云豆消耗,我们需要一个免费图床来放置博客中插入的图片。
这里我选择的是七牛云存储,因为每个月有10G免费流量,总共10G免费空间,我觉得对于咱们一般的个人博客是绰绰有余的。
七牛注册地址:https://portal.qiniu.com/signup?code=3lc1rzd6fpyky。这是我的推荐注册链接,推荐人可以拿到5G月流量,当然目前我的网站也用不着,如果不愿意的话可以自行搜索七牛进行注册。
网上有个七牛的WordPress插件,但是SAE的WordPress版本太低,无法使用。我试过将SAE升级,但最终以失败告终。所以我并没有使用插件的方式。
非插件大致有两种思路:第一种是将你的上传地址直接改成七牛空间地址,这样上传的图片直接就变为七牛的链接。图片文件也是不保存在SAE上的;第二种是上传时仍然上传到自己的主机中,在HTML渲染时写PHP代码将主机静态地址replace成七牛的镜像地址。
参考这里:http://www.tiejiang.org/2725.html。目前,本站使用的是第一种方式,大家可以看看图片的url,都是七牛的地址。
2.为了使博客更个性化,更换主题模板。
首先,从网上下载一套你喜欢的主题。然后,打开你的SAE应用管理,进入刚才创建的应用,点击代码管理选项卡,找到SVN仓库地址。再次,将源码使用SVN check到本地,将下载的主题放入“wp-content/themes/”文件夹后,进行提交。最后,在WordPress后台选择“外观-主题”,找到刚才提交的主题后启用即可。
3.为了使博客更易用,增加一些插件。
本博客使用了以下插件:多说,WP-PostViews,Auto HighSlide。
多说即每篇博客下方的评论框,比WordPress评论框相比的好处是支持多种方式登录;WP-PostViews可以记录每篇博客的被访问次数,并且提供了一个展示阅读量排序的小面板。Auto HighSlide可以让文章中图片在被点击时在幻灯片框中以原大小展示。
插件与主题的增加方式一样,将你下载的插件的整个文件夹拷贝到“wp-content/plugins”文件夹下提交后,在后台启用即可。
4.为了使代码更好阅读,引入代码高亮(如果你也是程序员的话)。
关于代码高亮,不建议使用插件,本博客使用的是google-code-prettify,只要把对应的js文件和CSS文件加载到网站中,其会自己发现<pre>标签,并且判断语言类型后进行高亮。具体可参考这里:http://www.chenxuanyi.cn/wordpress-google-code-prettify.html。
5.检查主题模板的兼容性。
在IE8+浏览器上,手机,平板等设备访问一下自己的博客,看看页面展示是否正常。我的博客主题在IE8下有一些Bug,一般修改一下CSS文件即可修复。
绑定域名:让你的博客更容易被记住。
首先需要购买一个域名,然后进行相关的操作,一般来说普通玩家不建议购买国内域名,因为需要备案,很麻烦并且还要花点钱。我的域名是在万网买的,接下来分享一下万网域名绑定SAE应用的过程:
首先搜索一个心仪的域名,当然越短越好,越便宜越好,最好有点实际意义!因为最少购买一年,漂亮的域名自己看着也舒服。
自己玩的同学尽量不要考虑需要备案的域名,比如我选的域名是eastme.me,也是比对了很久定下来的。
付完款后就可以进入个人空间管理域名了。下面开始进行绑定:
1.在SAE应用管理处找到绑定域名,输入你购买的域名,此域名必须是未绑定过的。
2.这是SAE会给一个非常明确的操作方式,类似这样:
把你的域名cname到一个SAE提供的主机地址
,把SAE提供的一个验证二级域名
使用A地址解析到SAE提供的一个IP地址
。
3.OK,现在我们拿到了解析规则,现在进入万网,也就是阿里云管理空间,找到你购买的域名,点击解析。
按照SAE给的规则,以此填写完cname和A地址解析后,事情还没有结束。
刚才的绑定仅仅是通过了SAE的验证,但是无法通过你的独立域名访问SAE应用。所以依照客服的说法,按照上图中客服的描述再增加一条cname到SAE提供的主机地址
即可。
4.等待1天左右,即可使用独立域名访问你的博客了!
最后,希望这篇博客能给大家带来帮助。
以后我的博客将在eastme.me和博客园(一个小学生)同时更新。虽然有了个人博客,但是博客园的气氛还是挺好的,最重要的是不能忘本,至于个人麻烦就麻烦点吧。我的博客会经常发布一些前端相关的想法,知识分享等,如果对你胃口,还望多多关注!
新博客地址:http://eastme.me/
(完)
SAE+WordPress快速搭建个人博客的更多相关文章
- 利用GitHub Pages + jekyll快速搭建个人博客
前言 想搭建自己博客很久了(虽然搭了也不见得能产出多频繁). 最初萌生想写自己博客的想法,想象中,是自己一行一行码出来的成品,对众多快速构建+模板式搭建不屑一顾,也是那段时间给闲的,从前后端选型.数据 ...
- Hexo+Git一个小时快速搭建个人博客
搭建本地环境:Hexo框架 Hexo为何物 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用Markdown解析文章,并瞬间利用靓丽的主题生成静态网页.其中,Markdown是一个用于将普通 ...
- 在GitLab pages上快速搭建Jekyll博客
前一段时间将我的Jekyll静态博客从github pages镜像部署到了 zeit.co(现vercel)上了一份,最近偶然发现gitlab pages也不错,百度也会正常抓取,于是动手倒腾,将gi ...
- 从零到一快速搭建个人博客网站(域名自动跳转www,二级域名使用)(二)
前言 本篇文章是对上篇文章从零到一快速搭建个人博客网站(域名备案 + https免费证书)(一)的完善,比如域名自动跳转www.二级域名使用等. 域名自动跳转www 这里对上篇域名访问进行优化,首先支 ...
- 使用Hexo快速搭建一个博客,并部署到github
本文旨在记录一下我在通过hexo搭建一个博客,并将其部署在github上面的过程,也供我自己在以后的使用过程中能够快速学习和参考.需要看更详细或者官方文档的可以点击Hexo官方文档进行查看. 安装前提 ...
- 使用 Github 和 Hexo 快速搭建个人博客
导语 个人兴趣爱好特别广泛,喜欢捣鼓各种小东西自娱自乐.虽然都没能深入研究,但是自己的“孩子”还是很想拿出来遛遛得人一句夸奖的.所以刚学 Markdown 的时候很是有想过要搭个个人博客来玩玩,一来激 ...
- 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈
本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...
- GitHub快速搭建个人博客
> 正所谓前人栽树,后人乘凉.> > 感谢[Huxpro](https://github.com/huxpro)提供的博客模板> > [我的的博客](https://fl ...
- 从零到一快速搭建个人博客网站(域名备案 + https免费证书)(一)
环境介绍 资源 说明 centos v7.2 docker 快速部署项目环境 nginx 反向代理,同时配置https证书 halo v1.4.2,开源博客项目 Let's Encrypt 免费证书 ...
随机推荐
- 关于如何提高Web服务端并发效率的异步编程技术
最近我研究技术的一个重点是java的多线程开发,在我早期学习java的时候,很多书上把java的多线程开发标榜为简单易用,这个简单易用是以C语言作为参照的,不过我也没有使用过C语言开发过多线程,我只知 ...
- 从Membership 到 .NET4.5 之 ASP.NET Identity
我们前面已经讨论过了如何在一个网站中集成最基本的Membership功能,然后深入学习了Membership的架构设计.正所谓从实践从来,到实践从去,在我们把Membership的结构吃透之后,我们要 ...
- Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程(柱状图,南丁格尔图)
Webstorm+Webpack+echarts ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...
- javascript之Object.defineProperty的奥妙
直切主题 今天遇到一个这样的功能: 写一个函数,该函数传递两个参数,第一个参数为返回对象的总数据量,第二个参数为初始化对象的数据.如: var o = obj (4, {name: 'xu', age ...
- Node.js:进程、子进程与cluster多核处理模块
1.process对象 process对象就是处理与进程相关信息的全局对象,不需要require引用,且是EventEmitter的实例. 获取进程信息 process对象提供了很多的API来获取当前 ...
- [.NET] 利用 async & await 的异步编程
利用 async & await 的异步编程 [博主]反骨仔 [出处]http://www.cnblogs.com/liqingwen/p/5922573.html 目录 异步编程的简介 异 ...
- 代码的坏味道(20)——过度耦合的消息链(Message Chains)
坏味道--过度耦合的消息链(Message Chains) 特征 消息链的形式类似于:obj.getA().getB().getC(). 问题原因 如果你看到用户向一个对象请求另一个对象,然后再向后者 ...
- JavaWeb——Servlet
一.基本概念 Servlet是运行在Web服务器上的小程序,通过http协议和客户端进行交互. 这里的客户端一般为浏览器,发送http请求(request)给服务器(如Tomcat).服务器接收到请求 ...
- Performance Monitor4:监控SQL Server的IO性能
SQL Server的IO性能受到物理Disk的IO延迟和SQL Server内部执行的IO操作的影响.在监控Disk性能时,最主要的度量值(metric)是IO延迟,IO延迟是指从Applicati ...
- Mybatis批量删除
<delete id="deleteByStandardIds"> delete from t_standard_catalog where standard_id i ...