上一周,小白的我试着搭建了两个个人博客:在github和openshift上
上一周,突发奇想,想搭建个自己的博客。
由于是突发奇想,自然想先找免费的试试手。仔细搜索下,选定了目标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上的更多相关文章
- 写markdown博客如何截图并快速上传到图床——记一个工具插件的实现
1. 背景 写博客有一个自己的图床是不错的选择,如果不借助工具,在markdown博客中添加图片的步骤如下: 截取图片,保存到本地(得来回点对话框,选择保存路径,选择文件类型,输入文件名). 上传到图 ...
- 写markdown博客如何将截图快速上传到图床——记一个工具插件的实现(windows版 开源)
打造一个上传图片到图床利器的插件(Mac版 开源)(2018-06-24 19:44) 更新于2018年2月 做了以下改动: 1.修复了一个bug,把服务器区域做成可配: 七牛有华北,华东,华南以及美 ...
- 记github上搭建独立域名的免费博客的方法过程
前提:拥有github帐号,linux上安装好了git. 全局路线: 1. 设计一个你想要的二级域名,并在git上创建一个以[二级域名.github.com]作为项目名的repository. 过程详 ...
- hexo上部署博客到Github失败
fatal: could not read Username for 'https://github.com': No error 今天在上传博客到搭建到 Github 的个人博客上的时候,已经使用 ...
- 基于SpringBoot从零构建博客网站 - 设计可扩展上传模块和开发修改头像密码功能
上传模块在web开发中是很常见的功能也是很重要的功能,在web应用中需要上传的可以是图片.pdf.压缩包等其它类型的文件,同时对于图片可能需要回显,对于其它文件要能够支持下载等.在守望博客系统中对于上 ...
- 【技术博客】Laravel5.1文件上传单元测试
Laravel5.1文件上传单元测试 作者:ZGJ 在软工第三阶段中,我彻底解决了上一阶段一直困扰我的文件上传单元测试问题,在这里做一个总结. 注:下文介绍中,方法一方法二实现简单但有一定的限制条件( ...
- 从零起步搭建Wordpress个人博客——Windows 平台篇(上)
本文以 Windows Server R2 64bit 标准版 为基础,其他windows版本可能会略有不同. 参考资料: https://codex.wordpress.org/Installing ...
- Django 博客项目02 Form验证+ 上传头像(预览)+Ajax用户注册
头像预览 $("#avatar_file").change(function(){ // 获取上传的文件对象 var file=$(this)[0].files[0]; // 读取 ...
- 万里长征第二步——django个人博客(第七步 ——上传文件)
在项目目录下新建一个 ‘uploads’文件夹以保存上传的文件 配置setting.py文件 MEDIA_URL = '/uploads/' MEDIA_ROOT = os.path.join(BAS ...
随机推荐
- mysq基础一(字段类型)
本文转自 “旋木的技术博客” 博客,http://mrxiong.blog.51cto.com/287318/1651098 一.数值类型 Mysql支持所有标准SQL中的数值类型,其中包括严格数据类 ...
- window7安装git详解
1.Git详细介绍 一.Git的诞生 Linus虽然创建了Linux,但Linux的壮大是靠全世界热心的志愿者参与的,这么多人在世界各地为Linux编写代码,那Linux的代码是如何管理的呢? 事实是 ...
- JavaScript中的各种变量提升(Hoisting)
首先纠正下,文章标题里的 “变量提升” 名词是随大流叫法,“变量提升” 改为 “标识符提升” 更准确.因为变量一般指使用 var 声明的标识符,JS 里使用 function 声明的标识符也存在提升( ...
- js判断空对象
最近项目遇到判断空对象的一个问题,查阅相关资料再进行总结一下. 判断空对象不比判断空字符串之类的,因为空对象也是一个对象,需要单独分配内存,而不是像字符串那样为空时就是大锅饭,大家都相等,如下代码: ...
- 根据字符串生成类---类的类型.self---根据字符串创建控制器对象
swift和OC一样,都是通过NSClassFromString,根据一个字符串,生成相应的类. // UITabBarButton是系统的私有类,不能直接使用 // if btn.isKind(of ...
- 一个UILabel不同部分显示不同颜色
我们直接来看效果图吧: 需求:就是表格cell里面的状态Label,前面的"状态:"是黑色,后面的状态值是红色,他们在同一个Label上,怎么做呢? 解答:真的是会者不难,难者不会 ...
- 10个学习Android开发的网站推荐
1. Android Developers 作为一个Android开发者,官网的资料当然不可错过,从设计,培训,指南,文档,都不应该错过,在以后的学习过程中慢慢理解体会. 2. Android Gui ...
- tomcat WEB-INF中的结构
tomcat中 WEB-INF中结构包含3个东西:web.xml,classes文件夹,lib文件夹 web.xml用来配置web中服务调用的uri和对应服务指定的是哪个class文件 classes ...
- 【代码笔记】iOS-评分系统(小星星)
一,效果图. 二,工程图. 三,代码. RootViewController.m - (void)viewDidLoad { [super viewDidLoad]; // Do any additi ...
- 【代码笔记】iOS-截屏功能
代码: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. // ...