上一周,突发奇想,想搭建个自己的博客。

由于是突发奇想,自然想先找免费的试试手。仔细搜索下,选定了目标Openshift和Github。

Openshift

安装WordPress

OpenShift是红帽的云开发平台即服务(PaaS)。

Openshift的免费用户可以创建最多3个应用,且为每个应用提供1GB存储空间和200M的数据库大小。运行内存为512m。

支持语言众多,这点也是他受欢迎的原因。

虽然Openshift提供的是云计算开发平台,但其也提供了wordpress的安装。

首先登陆官网:Openshift

点击Free下面的Signup进入注册界面,内容如下:(其中验证码有时候刷不出来,需要FQ,或者使用https的网址)

注册完成后,就可以选择安装自己需要的语言了。由于我使用的wordpress,便以wordpress为例。

点击Add Application,选择WordPress4,在下方的Public URL处填写二级域名:

点击Create Application后,耐心等待(不要关闭网页),它会自动创建PHP和Mysql环境,自己的wordpress也创建成功了。

记录好给出的MySQL信息和WordPress管理信息,也可以接着创建phpMyAdmin。

Openshift官方推荐Git管理工具来管理上面的代码,使用前要先生成密钥。

当然之前使用了一键安装WordPress,可以直接访问二级域名地址,登陆后台进行管理(包括安装中文语言包和发布新博文)。

然而由于墙的存在,在国内访问需要使用https,或者直接FQ访问(推荐https,速度并不慢)。

绑定域名

同样是因为练手,我在网上选定了免费域名提供网站Freenom。

官网:Freenom

界面是中文的,看起来很友好——大概。

在中间输入你希望的域名,点击“检查可用性”,便会显示可以使用的域名。

目前Freenom提供的免费后缀为:tk、ml、ga、cf、gq

检查结果部分截图如下:

对于可用的,点击现在获取,进入如下界面。对vps等用户有dns可以在这里填,我们选择默认既可以。period处可选择免费使用时长(最多12个月)。再长就要收费了。

再点击continue,便会要求你输入邮箱验证,之后便是漫长的个人信息录入过程。

一切结束后,点击登录,进入个人页面,点击Domains——MyDomains,便可查看自己刚刚申请的域名。

点击右侧的Manage Domains,在上方的Management Tools里选择URL Forwarding,输入我们的二级域名,确认即可(记得使用https,否则访问者也要FQ啦)。

最后一步,登陆Openshift自己的管理页面,在Application列表里点击博客二级域名右侧的change,输入申请到的域名即可。

耐心等待一小会儿,输入申请到的域名,就能访问自己的blog了。也可以使用站长工具查看路由缓存等。

Github

Github创建个人Page

身为程序员,都该有Github账号才对,注册就没什么好说的了。

Github支持静态页面的博客,一切需要动态的部分(评论等),都需要其他方式实现。

既然是个人博客,Github使用个人页面来搭建最好。其提供300M空间和无限流量,用来写技术博客非常合适。

首先Create a new project,名称写username.github.io(username就是你的用户名),并且勾选上“Initialize this repository with a README”。

由于Github支持静态博客,可以使用默认的jelly,也能使用Hexo和Octopress等方式。同时,在Github上还有人提供了在线写作的一种方式。

下面着重介绍下在线写作的创建方法。

在线写作simple

使用Github账号登陆一个项目页面:Simple

点击Initialize初始化自己的个人Page,耐心等待完成后点击Go开始在线创作。

进入在线页面,可以看到Markdown在线写作是左右分屏,可以实时预览的。同时支持Save和Delete操作。

使用其他人的模板

如果使用的为同一个静态博客程序,便可以直接copy对方的模板,在此基础上改进(前提要取得使用许可哦)。

可以访问其项目页面,从而fork代码。

有很多Github上的大神的页面非常绚丽,看代码学习也是极好的。

全部自己创建

这个就比较依赖能力了。

绑定域名

在自己的个人Page所对应的项目下,上传一个名为“CNAME”的文件,内容便是域名地址。

之后到DNS服务商那里CNAME一下个人Page地址,等待生效即可。

评论等互动功能

评论可以使用“多说”等方式实现,其他动态功能类似。

题外话

其实一开始蛮想尝试Farbox的,然而他收费了……像我这种刚入门的小白,用收费的博客可能维护不好。

只好先从这两个上手啦。

上一周,小白的我试着搭建了两个个人博客:在github和openshift上的更多相关文章

  1. 写markdown博客如何截图并快速上传到图床——记一个工具插件的实现

    1. 背景 写博客有一个自己的图床是不错的选择,如果不借助工具,在markdown博客中添加图片的步骤如下: 截取图片,保存到本地(得来回点对话框,选择保存路径,选择文件类型,输入文件名). 上传到图 ...

  2. 写markdown博客如何将截图快速上传到图床——记一个工具插件的实现(windows版 开源)

    打造一个上传图片到图床利器的插件(Mac版 开源)(2018-06-24 19:44) 更新于2018年2月 做了以下改动: 1.修复了一个bug,把服务器区域做成可配: 七牛有华北,华东,华南以及美 ...

  3. 记github上搭建独立域名的免费博客的方法过程

    前提:拥有github帐号,linux上安装好了git. 全局路线: 1. 设计一个你想要的二级域名,并在git上创建一个以[二级域名.github.com]作为项目名的repository. 过程详 ...

  4. hexo上部署博客到Github失败

    fatal: could not read Username for 'https://github.com': No error 今天在上传博客到搭建到 Github 的个人博客上的时候,已经使用 ...

  5. 基于SpringBoot从零构建博客网站 - 设计可扩展上传模块和开发修改头像密码功能

    上传模块在web开发中是很常见的功能也是很重要的功能,在web应用中需要上传的可以是图片.pdf.压缩包等其它类型的文件,同时对于图片可能需要回显,对于其它文件要能够支持下载等.在守望博客系统中对于上 ...

  6. 【技术博客】Laravel5.1文件上传单元测试

    Laravel5.1文件上传单元测试 作者:ZGJ 在软工第三阶段中,我彻底解决了上一阶段一直困扰我的文件上传单元测试问题,在这里做一个总结. 注:下文介绍中,方法一方法二实现简单但有一定的限制条件( ...

  7. 从零起步搭建Wordpress个人博客——Windows 平台篇(上)

    本文以 Windows Server R2 64bit 标准版 为基础,其他windows版本可能会略有不同. 参考资料: https://codex.wordpress.org/Installing ...

  8. Django 博客项目02 Form验证+ 上传头像(预览)+Ajax用户注册

    头像预览 $("#avatar_file").change(function(){ // 获取上传的文件对象 var file=$(this)[0].files[0]; // 读取 ...

  9. 万里长征第二步——django个人博客(第七步 ——上传文件)

    在项目目录下新建一个 ‘uploads’文件夹以保存上传的文件 配置setting.py文件 MEDIA_URL = '/uploads/' MEDIA_ROOT = os.path.join(BAS ...

随机推荐

  1. mysq基础一(字段类型)

    本文转自 “旋木的技术博客” 博客,http://mrxiong.blog.51cto.com/287318/1651098 一.数值类型 Mysql支持所有标准SQL中的数值类型,其中包括严格数据类 ...

  2. window7安装git详解

    1.Git详细介绍 一.Git的诞生 Linus虽然创建了Linux,但Linux的壮大是靠全世界热心的志愿者参与的,这么多人在世界各地为Linux编写代码,那Linux的代码是如何管理的呢? 事实是 ...

  3. JavaScript中的各种变量提升(Hoisting)

    首先纠正下,文章标题里的 “变量提升” 名词是随大流叫法,“变量提升” 改为 “标识符提升” 更准确.因为变量一般指使用 var 声明的标识符,JS 里使用 function 声明的标识符也存在提升( ...

  4. js判断空对象

    最近项目遇到判断空对象的一个问题,查阅相关资料再进行总结一下. 判断空对象不比判断空字符串之类的,因为空对象也是一个对象,需要单独分配内存,而不是像字符串那样为空时就是大锅饭,大家都相等,如下代码: ...

  5. 根据字符串生成类---类的类型.self---根据字符串创建控制器对象

    swift和OC一样,都是通过NSClassFromString,根据一个字符串,生成相应的类. // UITabBarButton是系统的私有类,不能直接使用 // if btn.isKind(of ...

  6. 一个UILabel不同部分显示不同颜色

    我们直接来看效果图吧: 需求:就是表格cell里面的状态Label,前面的"状态:"是黑色,后面的状态值是红色,他们在同一个Label上,怎么做呢? 解答:真的是会者不难,难者不会 ...

  7. 10个学习Android开发的网站推荐

    1. Android Developers 作为一个Android开发者,官网的资料当然不可错过,从设计,培训,指南,文档,都不应该错过,在以后的学习过程中慢慢理解体会. 2. Android Gui ...

  8. tomcat WEB-INF中的结构

    tomcat中 WEB-INF中结构包含3个东西:web.xml,classes文件夹,lib文件夹 web.xml用来配置web中服务调用的uri和对应服务指定的是哪个class文件 classes ...

  9. 【代码笔记】iOS-评分系统(小星星)

    一,效果图. 二,工程图. 三,代码. RootViewController.m - (void)viewDidLoad { [super viewDidLoad]; // Do any additi ...

  10. 【代码笔记】iOS-截屏功能

    代码: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. // ...