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

由于是突发奇想,自然想先找免费的试试手。仔细搜索下,选定了目标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. HTTP 方法:GET 对比 POST

    什么是 HTTP? 超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信. HTTP 的工作方式是客户机与服务器之间的请求-应答协议. web 浏览器可能是客户端,而计算机上的网络应用程 ...

  2. 使用 SVG 动画实现弹性的页面元素效果

    Codrops 分享了一些给SVG元素加上弹性动画的灵感.实现的思路是把一个SVG元素整合成一个组件,然后从一个路径弹性动画到另一个.这种效果可以应用到像菜单,按钮或其它元素,使得交互更有趣,看起更原 ...

  3. css通用小笔记03——浏览器窗口变小 div错位的问题

    我最近写网页的时候,经常碰到一个普遍的问题,经过我的查阅和尝试,终于解决了这一问题,这里有两种方法提供给大家,如果博友还有更好的方法,欢迎补充. 一.使用min-width属性: 我们先看看下面这段代 ...

  4. JavaScript学习笔记6 之经典神坑题整理

    本篇内容是关于容易出错题的整理,这些题也有利于对javascript的语法逻辑的理解,分析的内容仅供参考: <script> */ var x=0 , y=0 , c=1; functio ...

  5. Vault插件示例--Vault Explorer与Thin Client的集成。

    Autodesk Vault 2014的Subscription 包中有一个组件叫做Thin Client.这个瘦客户端有着全新的界面,又给了我们一个全新的选择.ThinClient实际是在Vault ...

  6. Kotlin语法(基础)

    一.基础语法: 1. 定义包名: 包名应该在源文件的最开头,包名不必和文件夹路径一致:源文件可以放在任意位置. package my.demo 2. 定义函数: fun sum(a: Int , b: ...

  7. 100个高质量Java开发者博客

    ImportNew注:原文中还没有100个.作者希望大家一起来推荐高质量的Java开发博客,然后不段补充到这个列表.欢迎你也参与推荐优质的Java开发博客.(声明一下:我们的数学不是体育老师教的!:) ...

  8. Android Animation学习(四) ApiDemos解析:多属性动画

    Android Animation学习(四) ApiDemos解析:多属性动画 如果想同时改变多个属性,根据前面所学的,比较显而易见的一种思路是构造多个对象Animator , ( Animator可 ...

  9. iOS 开发之路(登陆页键盘遮挡输入框问题)一

    在学习开发登陆页的时候,遇到的问题分享如下: 首先是swift 3.0 中,NotificationCenter 设置 selector 如下: @IBOutlet weak var bottomCo ...

  10. Atitit.android js 的键盘按键检测Back键Home键和Menu键事件

    Atitit.android js 的键盘按键检测Back键Home键和Menu键事件 1. onKeyDown @Override public boolean onKeyDown(int keyC ...